Question

如何选择索引并在下拉列表中显示我想选择第二个索引并在下拉列表中显示我是如何做到这一点的？这是我的代码：

{% 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>

我想在这个组合框中显示所选的选项，我的itemsdata有一个数字数组，如1,2,3 if items.invoiceid = 1选项值一个显示，如果items.invoiceid = 2选项值2显示如选中

我想将第二个索引显示为选中值我是如何做到的？

Answer 1

添加所有选项后.items <select>为$('.items').val('2')：.prop('selected', true)。

否则，您可以在<option>上致电{{1}}。

Answer 2

你可以这样做：

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

Answer 3

试试这个，

$('.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');

Answer 4

$('.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);

这是DEMO

Answer 5

要选择2nd选项（第二个索引），您可以尝试这个

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

或尝试

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

DEMO.

Answer 6

尝试这样的事情

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

如何选择下拉值？

6 个答案: