PHP jQuery Data-Attribute заполнить раскрывающийся список

У меня есть HREF с различными атрибутами данных (около 8), которые приходят из запроса PHP и загружаются в таблицу. Когда вы нажимаете кнопку, он принимает атрибуты данных через jQuery и отправляет их в модальное окно, где я могу использовать их в форме.

Я могу открыть окно и поместить атрибуты в поле ввода без проблем.

То, что я хотел бы сделать, это поместить атрибут в первом OPTION в выпадающем меню SELECT.

Вот кнопка с атрибутами:

 <tr><td><a href='' class='modAccount'
data-modcode=".$row[partner_code]."data-modname=\"".$row[partner_name]."\"data-boiler=\"".$row[boilerplate]."\"data-surcharges=\"".$row[no_new_surcharges]."\"data-ccalog=\"".$row[cca_logistics]."\"data-toggle='modal'>Click</a></td></tr>

У меня есть довольно много атрибутов данных. Мне пришлось устранить несколько за этот вопрос.

Вот jQuery, используемый для извлечения атрибутов данных и отправки их в модальное окно, называемое modifyModal.

Вот jQuery:

 $(function()
{
$('.modAccount').click(function(e)
{
e.preventDefault();
$partnerCode = $(this).attr('data-modcode');
$partnerName = $(this).attr('data-modname');
$boiler = $(this).attr('data-boiler');
$surcharges = $(this).attr('data-surcharges');
$ccalog = $(this).attr('data-ccalog');
// the 5 below currently populate the INPUT fields for the ID's listed
$('#modpartnerCode').val($partnerCode);
$('#modpartnerName').val($partnerName);
$('#modplatform').val($platform);  // <- should go to dropdown
$('#modboiler').val($boiler);  // <- should go to dropdown
$('#modsurcharges').val($surcharges);  // <- should go to dropdown
});
});
$(document).on("click", ".modAccount", function ()
{
$('#modifyModal').modal('show');
});

Как вы, вероятно, прочитали в заметке выше, я могу отправить атрибуты в поля INPUT с их соответствующими идентификаторами.

Мне нужно иметь возможность заполнить первый вариант раскрывающегося поля SELECT.

Я не думаю, что мне нужно показать код окна MODAL. Как уже говорилось, я могу заполнить поля INPUT, используя идентификаторы, которые я перечислил.

Как я могу получить идентификаторы для заполнения выпадающего значения SELECT first OPTION?

Вот код для модального:

 <div class="modal fade" id="modifyModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
</div>
<div class="modal-body">
<form role="form" action="api/modifyAcct.php" method="get" id="modAcctForm" name="modAcctForm">
<input readonly type="text" class="form-control" id="modpartnerName" name="modpartnerName" />
<input readonly type="text" class="form-control" id="modpartnerCode" name="modpartnerCode" />
<select class="form-control" id="modboiler" name="modboiler" />
<option value=""></option> // <- #modboiler goes here
<option value="Y">Yes</option>
<option value="N">No<option>
</select>
<select class="form-control" id="modsurcharges" name="modsurcharges" />
<option value=""></option> // <- #modsurcharges goes here
<option value="Y">Yes</option>
<option value="N">No</option>
</select>
<select class="form-control" id="modplatform" name="modplatform" />
<option value=""></option> // <- #modplatform goes here
<option value="Y"></option>
<option value="N"></option>
</select>
</div>
</div>
</div>
</div>

0

Решение

Используйте jquery, чтобы выбрать первый вариант и установить значение.

$('#modplatform option:first').val($platform);
$('#modboiler option:first').val($boiler);
$('#modsurcharges option:first').val($surcharges);
1

Другие решения

Других решений пока нет …