Как сделать выбранное значение выпадающего?

Question

Как сделать выбранное значение выпадающего?

0

как сделать индекс выбранным и показать в выпадающем списке, я хочу сделать 2-й индекс выбранным и показать в раскрывающемся списке, как я это делаю? вот мой код:

{% for items in itemdata %}
 {{items.invoiceitemsid}}
 {% if items.invoiceitemsid =='2' %}
        $('.items').find('option').remove().end();
        $('.items').append("<option value='1'>{{item1}}</option>").val('1');
        $('.items').append("<option value='2'>{{item2}}</option>").val('2');
        $('.items').append("<option value='3'>{{item3}}</option>").val('3');
        $(".items option[value='2']").prop('selected', true);
 {% elseif items.invoiceitemsid =='3' %}
        $('.items').find('option').remove().end();
        $('.items').append("<option value='1'>{{item1}}</option>").val('1');
        $('.items').append("<option value='2'>{{item2}}</option>").val('2');
        $('.items').append("<option value='3'>{{item3}}</option>").val('3');
        $(".items option[value='3']").prop('selected', true);
{% else %}
        $('.items').find('option').remove().end();
        $('.items').append("<option value='1'>{{item1}}</option>").val('1');
        $('.items').append("<option value='2'>{{item2}}</option>").val('2');
        $('.items').append("<option value='3'>{{item3}}</option>").val('3');
        $(".items option[value='1']").prop('selected', true);
{% endif %}  
{% endfor %}

и вот мой html-код:

<select class="items" name="items{{loop.index0}}" style="width:127px; float:left;" id="items{{loop.index0}}"><option value="1" selected="selected" disabled="disabled"></option></select>

я хочу показать выбранную опцию в этом поле со списком, у моих элементов данных есть массив чисел, например 1,2,3, если item.invoiceid = 1 значение параметра one show и если items.invoiceid = 2 значение параметра 2 показано как выбрано

Я хочу сделать 2-й индекс в качестве выбранного значения, как я это делаю?

Arsal Ali 23 окт. 2013, в 09:19

Источник

0

Проверьте эту ссылку stackoverflow.com/questions/5810016/…
Rami 23 окт. 2013, в 06:30
0

В качестве идентификатора .val() в конце каждой строки является избыточным, поскольку вы уже добавили атрибут в строку HTML внутри append .
adrenalin 23 окт. 2013, в 06:39

Теги:

javascript

jquery

twig

6 ответов

0

попробуй что-нибудь вроде этого

   $('.items').get(0).selectedIndex = 2;

rajesh kakawat 23 окт. 2013, в 04:53

0

Если .items - это ваш <select>: $('.items').val('2') .items $('.items').val('2') после добавления всех параметров.

В противном случае вы можете вызвать .prop('selected', true) в <option>.

Guillaume Poussel 23 окт. 2013, в 04:27

0

Вы можете сделать это:

$(".items option[value='2']").prop('selected', true);

palaѕн 23 окт. 2013, в 04:27

0

$('.items').append("<option value='1'>item1</option>").val('1');
$('.items').append("<option value='2'>item2</option>").val('2');
$('.items').append("<option value='3'>item3</option>").val('3');

$('select.items>option:eq(1)').attr('selected', true);

Вот ДЕМО

George Onofrei 23 окт. 2013, в 04:19

0

Попробуй это,

$('.items').find('option').remove().end();
$('.items').append("<option value='1'>{{item1}}</option>").val('1');
$('.items').append("<option value='2' selected="selected">{{item2}}</option>").val('2');
$('.items').append("<option value='3'>{{item3}}</option>").val('3');

Nagarajan 23 окт. 2013, в 03:32

Ещё вопросы

Проверьте эту ссылку stackoverflow.com/questions/5810016/…
В качестве идентификатора .val() в конце каждой строки является избыточным, поскольку вы уже добавили атрибут в строку HTML внутри append .

The Alpha · Accepted Answer · 2013-10-23T05-35-00.000Z

Чтобы выбрать 2nd вариант (2-й индекс), вы можете попробовать это

$('.items option:eq(1)').prop('selected', 1);

Или попробуйте

$('.items')[0].selectedIndex = 1;

DEMO.