0

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

{% 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 如果 items.invoiceid=1 选项值一个显示并且如果 items.invoiceid=2 选项值 2 显示为选中

我想让第二个索引显示为选定值我该怎么做？

4

6 回答 6

0

If .itemsis your <select>: $('.items').val('2')添加所有选项后。

否则，您可以调用.prop('selected', true).<option>

于 2013-10-23T06:29:36.020 回答
0

你可以这样做：

$(".items option[value='2']").prop('selected', true);
于 2013-10-23T06:29:42.467 回答
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');
于 2013-10-23T06:30:26.890 回答
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);

这是一个演示

于 2013-10-23T06:34:15.977 回答
0

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

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

或者试试

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

演示。

于 2013-10-23T06:37:46.100 回答
0

尝试这样的事情

   $('.items').get(0).selectedIndex = 2;
于 2013-10-23T06:41:09.180 回答