等效於Multi-select asp列表框中的OnSelect javascript鈎子

Question

我有一個多選<asp:listbox>和一個按鈕。 我想禁用該按鈕，除非在列表框中選擇> = 1。 我該如何做客戶端？ 我找不到某種OnSelect回調，只有OnSelectedIndexChanged可以從谷歌搜索中查找，這種行為似乎很復雜，可能無法實現。

Answer 1

使用OnChange事件，並計算所選項目：

<script>function enableButton(opt) {
      var selected = new Array();
      var count = 0;
      for (var intLoop=0; intLoop < opt.length; intLoop++) {
         if (opt[intLoop].selected) {
            count++;
         }
      }
      if (count >= 1)
      {
       // disable button
      }
   }
</script>

<select id="list" style="font-size: 11px;"   
    onChange="enableButton(this.options);" MULTIPLE SIZE="5">
    <option value="0">Select...</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

編輯： ASP：ListBox呈現為HTML作為選擇作為上面的代碼。 因此，您所需要做的就是在onchange屬性上添加腳本：

myListBox.Attributes.Add("onchange", "enableButton(this.options);");

Answer 2

使用jQuery並非難事。 類似於-

$("select#myListBox").change(function() {
   if ($("select#myListBox option:selected").length >= 1)
      $("input#myButton").attr("disabled", "true");
}

所有人都贊美強大的jQuery。

Answer 3

選擇框的OnClick或OnChange與“ OnSelect”相同。