Javascript 如何获取其他selectmenu（）的值？

我正在使用jQueryUISelectMenu

我已经通过了

我有两个选择框。我想在第二个选择框中使用第一个选择框值。那么我如何才能得到第一个选择框的值呢

暂时我会这么做

 <select class="select" id="one">
     <option value="1">A</option>
     <option value="2">B</option>    
 </select>

 <select class="select2">
     <option value="1">A</option>
     <option value="2">B</option>    
 </select>

 $(".select").selectmenu();
    $(".select2").selectmenu({
        change: function (event, data) {

            var firstVal = $("#one-button .ui-selectmenu-text").text();
            alert(firstVal);
            return false;

        }
    });

是否有更好的方法获取第一个selectbox的值

它正在生成一种HTML

<span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="one-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="continents_1-menu" aria-haspopup="true" style="width: 0px;" aria-activedescendant="ui-id-29" aria-labelledby="ui-id-29" aria-disabled="false">
<span class="ui-icon ui-icon-triangle-1-s"></span>
<span class="ui-selectmenu-text">1</span>
</span>

---

您可以获取select元素的值，selectui将更新基础select元素的值

var firstVal = $("#one").val();

---

演示：

由于UI selectmenu基本上只是一个围绕普通选择框的HTML包装，它反映了它的值和标签，所以您仍然可以正常读取值和标签。就你而言：

var firstVal = $("#one").find(':selected').text();

---

演示：

下面的代码示例将从第一个选择框中获取值，并将其设置为第二个选择框中的值

$(document).ready(function(){
        $(".select").change(function() {
    //this will give you value of first select box
    var selectedval = ($(".select option:selected").val());
    //this will set the value from first select box in second select box
    $(".select2").val(selectedval);
    });
    });

---

值为1，标签为A。那么您需要什么呢？嗨，dfsq，var firstVal=$one button.ui-selectmenu-text.text；这是我所做的临时解决方案。所以，使用selectmenu API的一个选项，我可以得到这个吗？有时，我们知道如何获得选择值的基本方法，但我们选择了更难的方法。不知道为什么？@杰克看一下附带的小提琴。。。在中，正在打印选定的值。。。查看控制台以查看记录的值Show以从更改功能中获取所选值？