0

私は2つの選択ボックスを持っています。

<select id="select-district">
    <option value="COL">COLOMBO</option>
    <option value="GAL">GALLE</option>
    <option value="MAT">MATARA</option>
    <option value="KEG">KEGALLE</option>
    <option value="KAND">KANDY</option>
    <option value="JAFF">JAFFNA</option>
</select>    

<select id="hidden-district">
    <option value="1">COLOMBO</option>
    <option value="2">GALLE</option>
    <option value="3">MATARA</option>
    <option value="4">KEGALLE</option>
    <option value="5">KANDY</option>
    <option value="6">JAFFNA</option>
 </select>

また、次のようなjQueryコードがあります。

$(document).ready(function() {
    $('#select-district').change(function() {
         var lngLatdist = $('#select-district option:selected').text();
        $("#hidden-district option:contains("+ lngLatdist +")").attr('selected', 'selected');
    });
});

そして、ここにJSFiddleがあります

問題は、そこから選択GALLEし#select-districtたときです Shows KEGALLEon #hidden-distrct。選択ボックスからまったく同じ単語を選択する方法はありますか? 助けてください。

4

3 に答える 3

1

.filterおよび.prop::も使用できます

$("#hidden-district option").filter(function() {
    return $(this).text() == lngLatdist;
}).prop("selected", true);
于 2013-08-23T05:28:14.747 に答える
0

このようにスクリプトを作成すると機能します

$(document).ready(function() {
  $('#select-district').change(function() {
       var lngLatdist = $('#select-district option:selected').text();
       $("#hidden-district").val($("#hidden-district option:contains("+ lngLatdist +")").val());
  });
});

ドロップダウンリストの値を手動で変更するには、値を設定する必要があります

于 2013-08-23T05:41:29.820 に答える
0

これを試して

$('#select-district').change(function() {
        var lngLatdist = $('#select-district option:selected').text();
        $("#hidden-district option").each(function(){
             if($(this).text() == lngLatdist)
                 $(this).prop("selected","selected");
        });
    });
于 2013-08-23T05:46:55.870 に答える