-1

最後のオプションが新しい値で選択されたときにjquery multiselectを更新するにはどうすればよいですか? 選択ボックスに以下のオプションがあるように

<select id="positions">
    <option value="0">Programmer</option>
    <option value="1">Tester</option>
    <option value="2">Manager</option>
    <option value="3">Admin</option>
    <option value="4">Load all other</option>    
</select>

ユーザーが選択ボックスから「他のすべてをロード」オプションを選択した場合、この選択ボックスは異なる値で再初期化する必要があります。または、太線で区切られた 1 つの選択ボックスに 2 つのドロップ ドロップ値を入力することは可能ですか。

4

3 に答える 3

1

HTML 部分:

<select id="positions">
    <option value="0">Programmer</option>
    <option value="1">Tester</option>
    <option value="2">Manager</option>
    <option value="3">Admin</option>
    <option value="4">Load all other</option>    
</select>

<select id="positions2">
    <option value="0">test1</option>
    <option value="1">test2</option>
    <option value="2">test3</option>
    <option value="3">test4</option>
    <option value="4">Load all other</option>    
</select>

Jquery 部分:

$('#positions').change(function() {
    if ($('#positions').val() == 4) {
        var data = $('#positions2').html();
        $('#positions').html(data );
    }
});

Jsfiddle の例を次に示します。

于 2012-03-19T14:37:08.227 に答える
1

私はあなたが何を意味するか理解していると思います。これでうまくいきますか？

$('#positions').change(function() {
    if ($('#positions').val() === '4') {
        var newOptions = '<option value="0">Programmer</option>';
        newOptions += '<option value="1">Tester</option>';
        newOptions += '<option value="2">Manager</option>';
        newOptions += '<option value="3">Admin</option>';
        newOptions += '<option value="5">Helicopter Pilot</option>';
        newOptions += '<option value="6">Fireman</option>';
        newOptions += '<option value="7">President of the United States</option>';
        $('#positions').html(newOptions);
    }        
});​
于 2012-03-19T13:30:32.077 に答える
0

$('#positions') に他の selectBox の値をロードする

$('#positions').html( $('#otherSelectBox').html() );

しかし、同じユーザーが以前の選択肢を見たい場合はどうすればよいでしょうか? $('#positions') に次の値を追加して、前の値を非表示にするだけでよいと思います

$('#positions').children('option').hide().end().append( $('#otherSelectBox').html() );
于 2012-03-19T14:44:46.933 に答える