Javascript 如何在嵌套的select标记上应用更改事件

我如何在下面的选择选项上执行更改事件，以及我需要做什么禁用选择框。我无法更改代码中的任何内容，我正在使用一些内置代码

<div id="status" class="leaf">
  <label class="control select" title>
      <span class="wrap">status</span>
    <select>
      <option value="active"></option>
        </select>
   </label>
</div>

地位

---

谢谢你的建议

我假设您在代码中使用jQuery，然后试试这个

$(document).on('click','#status select',function() {
    var selectedVal = $(this).val();
    $(this).prop({disabled:true});
});

---

你总是可以做到以下几点。但如果选择多个，则会导致问题

$( "select" ).change(function() {
    alert( "Handler for .change() called." );
});

更新

刚刚想到的另一个选择可能适合你

$( "#status" ).find( "select" ).change(function() {
        var selectedVal = $(this).val();
        $(this).prop({disabled:true});
    });

使用jquery：

$("select").change( function() {
  $(this).prop('disabled', true);
})

---

我以前做过这件事，它对我很有用：

以下是更改HTML代码的最简单方法：

<select name="ab" onchange="if (this.selectedIndex) doSomething();">
    <option value="-1">--</option>
    <option value="1">option 1</option> 
    <option value="2">option 2</option>
    <option value="3">option 3</option>
</select>

$( ".target" ).change(function() {
    alert( "Handler for .change() called." );
});

有关此功能的更多信息，请检查此项：

---

为什么不使用jQuery禁用它：

$("select").prop('disabled', true);

---

你有什么问题。？您不能使用Jquery选择它吗？请包括一些尝试的解决方案，为什么它们不起作用，以及预期的结果。我不确定select是否会触发更改事件，因为它只有一个值。@kevin，我有很多option@jasim如果您在示例中注意到了这一点或使用了导致问题的实际HTML，这将是非常有帮助的。这一部分

是非常糟糕的做法。谢谢manish，它工作得很好，我只做了一个小小的更改“单击”来更改，谢谢dude:-）