Question

我有两个下拉字段：（DropDownA和DropDownB）和一个复选框

选中复选框后，DropDownA将获取DropDownB的相同文本，值和选定索引，并被禁用。

问题是：

我可以更改所有这些属性，但是在屏幕上DropDownA不会刷新，因此看到的文本仍然相同，所以文本属性会发生变化，如警告所示

var x=document.getElementById("nazione_pr").selectedIndex;
        var y=document.getElementById("nazione_pr").options;
        var w=document.getElementById("nazione_spedizione").selectedIndex;
        var z=document.getElementById("nazione_spedizione").options;
        alert (y[x].text);
        alert (z[w].text);
        //w=x;
        document.getElementById("nazione_spedizione").selectedIndex = document.getElementById("nazione_pr").selectedIndex;
        z[w].text=y[x].text;
        alert (z[w].text);
        document.getElementById("nazione_spedizione").disabled=true;
        $("nazione_spedizione").trigger("liszt:updated");

我应该像重新加载＆lt;选择＆gt; UI

Answer 1

我想这会对你有帮助。

JS FIDDLE

<select id="dropdownA">
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
     <option value="mercedes">Mercedes</option>
     <option value="audi">Audi</option>
</select>
<select id="dropdownB">
       <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
     <option value="mercedes">Mercedes</option>
     <option value="audi">Audi</option>
</select>
<input type="checkbox" id="checkbox1" name="chk" value="check">check



$(document).ready(function() {

    $('#checkbox1').change(function() {
        if($(this).is(":checked")) {
          var selectedtext=$('#dropdownA>option:selected').text();
             var selectedvalue=$('#dropdownA>option:selected').val();
             var index=$('#dropdownA>option:selected').index();

            $('#dropdownB').val(selectedvalue);
            $('#dropdownB').selectedIndex=index;

        }

    });
});

javascript - 下拉文本不会改变

1 个答案: