Wie erhalten Sie Textboxen, Textareas und Radios auf die gleiche Weise in Javascript?

Question

Ich möchte eine Funktion/einen Code, die den Wert zurückgibt, den der Benutzer für das Feld, dessen Name/ID an es weitergegeben wird, übergeben. Es sollte egal sein, ob das Feld eine Textbox, Textarea, Radio oder Select ist. Zum Beispiel könnte das Feld sein:

<input type='radio' name='a_21' value='test' id='a_21_0' /> 
<input type='radio' name='a_21' value='test2' id='a_21_1' /> 

Oder

<textarea name="a_21" rows="30" cols="6"></textarea> 

Wenn ich den Anruf:

function getVal('a_21'); 

Es soll den gewählten Wert zurück.

Wie kann ich das tun? Will:

document.myForm.field.value 

arbeiten für textareas, dropdowns und radios auch?

Answer 1

jQuery verwenden Sie tun können:

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

Dies gibt Ihnen den Wert auf des Feldes mit dem Namen a_21, egal welche Art von Feld.

Hinweis: Die Zitate sind nicht erforderlich, aber ich habe wegen der Checkbox-Arrays in der Praxis der Zugabe von ihnen bekommen:

<input type="checkbox" name="ids[]" value="1" /> 
<input type="checkbox" name="ids[]" value="2" /> 

ich meine, es ist besser, sicher zu sein, als zu versuchen, um herauszufinden, warum es nicht funktioniert.

Answer 2

Das Problem ist anders Widgets haben unterschiedliche Zwecke. Eine <select> Box mit mehreren Auswahlmöglichkeiten, mehreren Ankreuzfeldern oder sogar einzelnen Ankreuzfeldern (deren Wert nur "an" oder "aus" wäre) hätte keinen einzigen Wert, es ist also in Ordnung, wenn sie sich anders verhalten als andere Widgets.

Aber wenn Sie eine einzige Funktion haben wollen, könnten Sie so etwas wie:

function getVal(obj){ 
    if(obj.value){ 
    return obj.value; 
    } 

    if(obj.selectedIndex){ 
    return obj.options[obj.selectedIndex]; 
    } 

    if(obj.checked){ 
    return obj.checked; 
    } 

return null; 
}