-3

私は次のように定義された複数の選択を持っています:

<select id="options" multiple="multiple">
  <option value="1">Opt 1</option>
  <option value="2">Opt 2</option>
  <option value="3">Opt 3</option>
</select>

ここで、オプション1と3を選択した場合、選択したアイテムのみを空のselect要素に添付したいので、次のようにします。

<select id="options2">

</select>

私は得ることができます:

<select id="options2">
  <option value="1">Opt 1</option>
  <option value="3">Opt 3</option>   
</select>

手伝ってくれますか?どうもありがとうございます。

4

1 に答える 1

0

これを試して:

HTML:

<select id="dropdown" multiple="multiple">
    <option value="1">Opt 1</option>
    <option value="2">Opt 2</option>
    <option value="3">Opt 3</option>
</select>
<select id="options2"></select>

脚本:

$(document).ready(function(){
    $('#dropdown').on('change',function(){
        $("#dropdown option:selected").each(function(){
            if(!$("#options2 option[value="+$(this).val()+"]").length)
               $("#options2").append($(this).clone());            
        });
    });    
});

フィドル: http: //jsfiddle.net/5BU4T/3/

于 2013-03-26T05:01:00.190 に答える