如何獲取具有某個名稱的所有輸入？

Question

我有這樣的一堆文字輸入的形式：

<input type="text" name="option[]" value="option 1" onBlur="outputOptions()"> 
<input type="text" name="option[]" value="option 2" onBlur="outputOptions()"> 
<input type="text" name="option[]" value="option 3" onBlur="outputOptions()"> 

我希望能夠得到所有的輸入值，所以我試着這樣做：

function outputOptions() 
{ 
    console.log("inside outputOptions"); 

     $("input[name=option]").each(
      function() { 
       console.log("option value: " + $(this).value); 
      } 
     ); 
} 

在我的網站上，結果是，當我點擊進出文本輸入時，我看到「內部outputOptions」，但沒有文本輸入值被打印出來。

我在做什麼錯？

的jsfiddle：http://jsfiddle.net/6zguZ/2/

Answer 1

你所獲得的價值走錯了路：

console.log("option value: " + this.value); 

如果你真的想使用jQuery，你會怎麼做：

console.log("option value: " + $(this).val()); 

但沒有理由這樣做。

您還需要使用實際名稱來選擇：

$('input[name="option[]"]').each(

這不是一個jQuery選擇匹配沒有元素的錯誤，所以你沒有錯誤類似的東西。

Answer 2

試試這個Vanilla JS：

var inputs = document.getElementsByName("option[]"), l = inputs.length, i; 
for(i=0; i<l; i++) { 
    console.log(inputs[i].value); 
} 

編輯：這裏有一個speed test說明爲什麼這不是jQuery的更好。