JQuery - lista ciągów

Question

W JQuery, dlaczego mam information Undefined z następującego kodu?

JS - prawa część jest niezdefiniowany

var s = $("[name='CountAnswer']").val(); 

HTML

<input style="width:150px" type="text" id="CountAnswer_1_" name="CountAnswer[1]"> 
<input style="width:150px" type="text" id="CountAnswer_2_" name="CountAnswer[2]"> 
<input style="width:150px" type="text" id="CountAnswer_3_" name="CountAnswer[3]"> 

Answer 1

Używasz comparion równości, ale trzeba wykorzystać dziką kartę prawdopodobnie j query attribute starts with^ ale powyższe oświadczenie woli podaj wartość pierwszego dopasowanego elementu. Możesz użyć każdego do iteracji przez wszystkie elementy.

var s = $("[name^='CountAnswer']").val(); 

Iterowanie przy użyciu each().

Live Demo

$("[name^='CountAnswer']").each(function(){ 
    alert($(this).val()); 
    //or 
    alert(this.value); 
}); 

Edit podstawie OP komentarzach. Aby uzyskać wartości wszystkich dopasowań.

Live Demo

strValues = $("[name^='CountAnswer']").map(function(){ 
    return this.value; 
}).get().join(','); 

Answer 2

Ponieważ nie ma element, którego nazwa jest == CountAnswer. Musisz podać konkretną nazwę, na przykład:

$("[name='CountAnswer[1]']").val(); 

Alternatywnie, można użyć „zaczyna się od” asterisk (^), aby dopasować wszystkie elementy, których nazwa zaczyna się CountAnswer:

$("[name^='CountAnswer']").val(); 

ten oczywiście tylko zwróci wartość pierwszego elementu w dopasowanym zestawie, ponieważ jest to zachowanie val().

Answer 3

jsFiddle demo

Należy założyć tablicę dla ciągów znaków, a następnie w pewnym przypadku korzystania z selektora jquery częściowe dopasowania, "starts with"(^), iteracyjne na liście wejść oznaczonych nazwą.

demo html: js

<input value="a" style="width:150px" type="text" id="CountAnswer_1_" name="CountAnswer[1]"> 
<input value="b" style="width:150px" type="text" id="CountAnswer_2_" name="CountAnswer[2]"> 
<input value="c" style="width:150px" type="text" id="CountAnswer_3_" name="CountAnswer[3]"> 
<br><input type="button" id="b" value="show string list" /><div id="console"></div> 

demo:

var stringList = []; 
$('#b').click(function(){ 
stringList = []; 
$("[name^='CountAnswer']").each(function(){ 
    stringList.push(this.value); 
}); 
var c = $("#console"); 
for(var i = 0; i < stringList.length; i++){ 
    var d = $("<div>"); 
    d.html(stringList[i]); 
    c.append(d); 
} 
console.log(stringList); 
});