javascript - 选择框文本等于而不是选择框文本包含 - jQuery

Question

我有两个选择框。

<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

问题是当我从中选择GALLEShows #select-districtonKEGALLE时#hidden-distrct。有没有办法从选择框中选择完全相同的单词？请帮忙。

Answer 1

您可以使用.filter和.prop::

$("#hidden-district option").filter(function() {
    return $(this).text() == lngLatdist;
}).prop("selected", true);

Answer 2

像这样制作你的脚本它会起作用

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

您需要设置值以手动更改下拉列表值

Answer 3

试试这个

$('#select-district').change(function() {
        var lngLatdist = $('#select-district option:selected').text();
        $("#hidden-district option").each(function(){
             if($(this).text() == lngLatdist)
                 $(this).prop("selected","selected");
        });
    });