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>

選択したオプションをこのコンボ ボックスに表示したいのですが、itemsdata には、items.invoiceid=1 オプション値 1 の場合は 1、2、3 のような数字の配列があり、items.invoiceid=2 オプション値 2 の場合は選択済みとして表示されます

2 番目のインデックスを選択した値として表示したいのですが、どうすればよいですか?

4

6 に答える 6

0

2ndオプション（2番目のインデックス）を選択するには、これを試してください

$('.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 に答える
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

.itemsあなたの場合<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 に答える