任何下拉列表

Question

您如何完成這項工作？ <select id="sel[]">，這是所有下拉框的數組。但如果我將$('#sel').change(function() {更改爲$('#sel[]').change(function() {，它不起作用？

Answer 1

您可以通過兩個反斜槓\\逃避方括號。

$(function() { 
    $('#sel\\[\\]').change(function() { ... }); 
}); 

Demo

但是最好你不應該使用這樣的約定來命名的ID。

Answer 2

字符串sel[]不是有效的元素id：

ID和名稱標記必須以字母開頭（[A-ZA-Z]），並且可以是 後跟任意數量的字母，數字（[0-9]），連字符（「 - 」）， 下劃線（「_」），冒號（「：」）和句點（「。」）。

參考

• HTML spec^w3
• What are valid values for the id attribute in HTML?

最好使用更簡單的id像selArr，例如。

---

的下拉選項的array不會自動爲您創建。你必須保持自己的數據模型，如：

var opts = ['one', 'two', 'three']; 

然後添加到這個陣列需要，並建立您的下拉出來的：

• Populate dropdown select with array using jQuery

這種方法保持模型和視圖分離，這是一個很好的用戶界面編程實踐。