1

こんにちは、jquery を選択したプラグインを使用しています。他の選択メニューから選択した値でメニュー値を選択したい。しかし、私のコードは単純な選択メニューで動作します。jquery で選択したプラグインで動作するようにします。サンプルコード 

$(".chzn-select").chosen()
    $('[id*=second]').change(function(){
    var val = $(this).find('option:selected').val()

    if(val.toLowerCase()=='mr'){
    $('[id*=gender]').find('option').eq(0).attr('selected', 'selected');
}

else{       
    $('[id*=gender]').find('option').eq(1).attr('selected', 'selected')
     }
})
​
4

5 に答える 5

2

オプションに追加valueして、それらの値を一致させてみてくださいonchange。以下の私の実装を参照して、それがあなたのために働くかどうか私に知らせてください。

編集：プラグインの選択を更新するために数行を追加しました。

デモ：http： //jsfiddle.net/vUkQg/3/

注：以下のメソッドは、同じクラスに任意の数のドロップダウンを関連付けることができますvalue。（スクリプトに変更はありません）http://jsfiddle.net/vCE4Y/18/

HTML： 

<select id="second" class="chzn-select" style="width:100px">
  <option value="1"> mr</option>
  <option value="2"> mrs</option>
</select>

<select id="gender" class="chzn-select" style="width:100px">
  <option value="1"> male</option>
  <option value="2"> female</option>
</select>

JS：

$(function() {
    $(".chzn-select").chosen().change(function() {
        var val = $(this).val();
        $('.chzn-select').val(val);

        $('.chzn-select').not(this).each(function () {                       
            var $chzn = $('#' + this.id + '_chzn');
            var $li = $chzn.find('li');            
            $li.removeClass('result-selected');  

            var selectedLi = $li.eq(val - 1);
            selectedLi.addClass('result-selected');

            $chzn.find('a.chzn-single span').html(selectedLi.html());            
            //update selected result in plugin
            var $data = $(this).data('chosen');

            $.each($data['results_data'], function (idx, el) {
                if (idx == val-1) {
                    el.selected = true;
                    $data.result_single_selected = selectedLi;
                } else {
                    el.selected = false;
                }
            });
        });
    });
});
于 2012-10-31T17:23:34.977 に答える
1

デモ

以下のスクリプトが期待どおりに機能することを願っています

$(".chzn-select").chosen();
$('[id*=second]').change(function(){
    var val = $('div[id*=second]').find('li.result-selected').html().trim();
    $('select[id*=gender]').find('option').removeAttr('selected');
    $('div[id*=gender]').find('li.active-result').removeClass('result-selected');
    var selectedValue = "";
    if(val.toLowerCase()=='mr'){
        selectedValue = $('div[id*=gender]').find('li.active-result').eq(0).addClass('result-selected').html();
        $('select[id*=gender]').find('option').eq(0).attr('selected','selected');
    } else {
        selectedValue = $('div[id*=gender]').find('li.active-result').eq(1).addClass('result-selected').html();
        $('select[id*=gender]').find('option').eq(1).attr('selected','selected');
    }
    $('div[id*=gender]').find('a.chzn-single span').html(selectedValue);
});
于 2012-10-26T07:57:54.240 に答える
0 
<select id="second" class="chzn-select" style="width: 100px">
    <option value="1">mr</option>
    <option value="2">mrs</option>
</select>
<select id="gender" class="chzn-select" style="width: 100px">
    <option value="1">male</option>
    <option value="2">female</option>
</select>​

   $(document).ready(function () {
        $('.chzn-select').change(function () {
            $('.chzn-select').val($(this).val());
            //$('.chzn-select').val($(this).val()).trigger('change');
        });
    });​

デモ

于 2012-10-26T07:31:04.053 に答える
0

オプションの値を使用しました。マイナス 1 はインデックス番号に到達することです

デモ

 $('#second').change(function(){
      var val = $(this).val();

    $('#gender option').eq(val - 1).attr('selected', 'selected');
});

また

$('#second').change(function(){
    var index = $(this)[0].selectedIndex;

    $('#gender option').eq(index).attr('selected', 'selected');
});
于 2012-10-26T07:35:30.203 に答える
0

selectedIndexを使用

例えば：

   document.getElementById('selectId').selectedIndex = 0; 

   //selectId - id of the select elem

<select id="selectId">
  <option value="1" selected="selected">Male</option>
  <option value="2">Female</option>
</select>

選択した値を取得するには

    var e = document.getElementById("selectId");
    var strUser = e.options[e.selectedIndex].value;

ここで strUser = 1;

テキストが必要な場合

    var strUser = e.options[e.selectedIndex].text;

ここで strUser = 男性;

これはあなたを助けると思います。

于 2012-10-26T07:12:50.143 に答える