jQuery Wert eines Textbox Kind in einem Dropdown

Question

Ich habe ein Textfeld in einem Dropdown ohne ID oder Name. Ich muss den Wert der Textbox erhalten. Wie mache ich das? Hier ist, was ich habe:

https://jsfiddle.net/gfinzer/otqydwru/1/

<select id="ddlInsuranceCompany" name="insuranceCompany"> 
    <option value="1">America First</option> 
    <option value="1">Indiana</option> 
    <option value="1">Peerless</option> 
    <input type="text" value="Test" /> 
</select> 

var myValue = $('#ddlInsuranceCompany').children(':text').first().val(); 
alert(myValue); 

Answer 1

Ihre HTML ist ungültig - ein input kann kein untergeordnetes Element eines select sein. Wenn Sie das DOM untersuchen, werden Sie feststellen, dass der Browser dies automatisch korrigiert hat, indem Sie die Eingabe an einen gültigen Ort verschoben haben. myValue ist leer, weil .children(':text') das Element im DOM nicht findet.

Um dieses Problem zu beheben, können Sie den HTML-Code selbst ändern, indem Sie input hinter dem select platzieren und next() verwenden, um ihn abzurufen. Versuchen Sie folgendes:

<select id="ddlInsuranceCompany" name="insuranceCompany"> 
    <option value="1">America First</option> 
    <option value="1">Indiana</option> 
    <option value="1">Peerless</option> 
</select> 
<input type="text" value="Test" /> 

var myValue = $('#ddlInsuranceCompany').next(':text').val(); 
console.log(myValue); 

Updated fiddle