jquery - onchange 不适用于使用 dd 创建的选择

Question

我使用 dd 创建了一个选择框：

<select id="Size1"  class="mydds" style="width:180px;">
<option value="/p/1">1</option> 
<option value="/p/2">2</option>
<option value="/p/3">3</option>
</select>

在里面(document).ready我添加了以下行：

$(".mydds").msDropDown();

我试图绑定onchange使用

$('.mydds').on('change',function() {
    alert("hiiiii");
});

但无法绑定事件你能帮我吗？

Answer 1

$(document).ready(function(e) {

  var myddsAux = $(".mydds").msDropdown().data("dd");

  myddsAux.on('change', myddsFunction);

  var myddsFunction = function ( event ){
      alert("hiiiii");
  }
});

;)

PD：文档 msDropdown

Answer 2

您可以从 msDropdown 获取多个变量，具体取决于您的需要，

这是获取文本的示例

        $(".mydds").change(function() {
            var oDropdown = $(".mydds").msDropdown().data("dd");
            var text = oDropdown.get("selectedText");
            console.log(text);
        });

还有其他可用的属性，例如：

• selectedIndex - 编号
• selectedOptions - 数组
• 值（选择选项值）

Answer 3

以下对我有用

$(document).ready(function(e) {

    $(".mydds").on('change', 'select', function() {
        alert($(this).val());
    });

});

Answer 4

试试这个代码

$(".mydds").on('change', 'select', function() {
alert(this.value);
});