2016-11-30 1 views
2

У меня есть поле выбора в модальном формате, где я добавляю параметры с помощью jquery. Я хочу, чтобы первый вариант был выбран после добавления всего элемента. Я пробовал некоторые, но не повезло. Может кто-нибудь, пожалуйста, помогите мне в этом, пожалуйста? Вот моя попытка ниже:Как выбрать первый вариант в окне выбора после добавления параметров по jquery

Мой поле выбора в модальных >>>

<select id="modal_cmbSection" name="modal_cmbSection" class="form-control required"> 
</select> 

Мой JQuery код, где добавление и пытается установить выбранный первый вариант >>>

var sectionOption = ""; 
var $sectionSelect = $('#modal_cmbSection'); 
$sectionSelect.empty(); 
$(".section-block").each(function() { 
    var eachSectionName = $(this).find(".section-section-name").val(); 
    sectionOption = "<option>" + eachSectionName + "</option>"; 
    $sectionSelect.append(sectionOption); 
}); 
$sectionSelect.find('option:eq(0)').prop('selected', true); 
+0

Вам не нужно «attr» вместо «prop»? –

+2

Ваш код должен работать. https://jsfiddle.net/jnwrc5ay/247/ –

+0

@ ZakariaAcharki мой код не работает. Поле выбора находится в модальном режиме. Когда я нажимаю кнопку, модаль открывается. может ли это быть проблемой? –

ответ

3

Просто сделать это ,

var sectionOption = ""; 
var $sectionSelect = $('#modal_cmbSection'); 
$sectionSelect.empty(); 
$(".section-block").each(function() { 
    var eachSectionName = $(this).find(".section-section-name").val(); 
    sectionOption = "<option>" + eachSectionName + "</option>"; 
    $sectionSelect.append(sectionOption); 
}); 
//set selected as true for first option 
$("#modal_cmbSection option:first-child").attr("selected", true); 
+0

зачем голосовать вниз ?? – ScanQR

+2

Не мой нисходящий сигнал, но это почти то же самое, что и OP, уже использующий (хотя OPs использует 'prop()', поэтому это немного лучше). Если это не сработает, нет никаких оснований. Проблема должна быть в другом месте. –

+0

@TechBreak попробовал ваш вариант. не работает –

0

вы можете попробовать:

$sectionSelect.find('option:first').prop('selected', true); 
Смежные вопросы