JQuery Finden <option> Tag, indem sie es Wert in <select>

Question

<select name="InputSource" class="required page_basic" style="margin-left:23%" form="broadcastform" > 

     <option value="">Broadcast Input</option>    
     <option value="0">HDMIPhy</option>    
     <option value="1">USB Streaming</option>    
     <option value="2">MPEC-TS Interface</option>    
     <option value="3">VIP(Ethernet)</option>   

</select> 

Also im Grunde, ich versuche, seinen Text durch seinen Wert zu finden. Wenn beispielsweise Wert = 0 ist, gebe ich "HDMIPhy" zurück.

Also dieses Select-Tag ist das vierte Tag im "Form" -Tag. Das habe ich versucht.

$("select:nth-child(4), #someid").text() 

aber irgendwie möchte ich nicht allen Optionstag eine eindeutige ID geben, die erschöpft sein wird. Ist es möglich, es durch seinen Wert zu bekommen? Außerdem wird das 1., 2., 3. Tag im Formulartag nicht ausgewählt. Ist es möglich, nur für das Formular zu wählen, das bedeutet 1. Tag in meinem Fall wählen. Hat jemand eine Idee?

Answer 1

Sie könnten eine Attributselektor verwenden:

$("select[name='InputSource'] option[value='0']").text(); //"HDMIPhy" 

Oder wenn Sie einen variabls haben:

$("select[name='" + resul‌​t[i].name + "'] option[value='" + result[‌​i].value + "']").text(); 

Answer 2

Verlassen Sie sich nicht auf Bestellung und Anzahl der Elemente. Verlassen Sie sich darauf, was diese Elemente sind.
Wenn Sie keine IDs verwenden möchten, können Sie Eingabenamen statt:

function displaySelectText(selectName, optionValue) { 
 
    var $select = $("select[name='" + selectName + "']"); 
 
    var $option = $select.find("option[value='" + optionValue + "']"); 
 
    
 
    return $option.text(); 
 
} 
 

 
console.log(displaySelectText("InputSource", "3"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="InputSource"> 
 
    <option value="">Broadcast Input</option>    
 
    <option value="0">HDMIPhy</option>    
 
    <option value="1">USB Streaming</option>    
 
    <option value="2">MPEC-TS Interface</option>    
 
    <option value="3">VIP(Ethernet)</option>   
 
</select>

Answer 3

Wenn Sie schon Wert eingestellt haben, dann können Sie durch einfaches ausgewählten Text erhalten:

var itemText = $("select[name='InputSource'] option:selected").text(); 
console.log(itemText); 

Wenn Ihr Wert nicht und Sie will statisch, dann können Sie erhalten von:

var itemText = $("select[name='InputSource'] option[value='1']").text(); 
console.log(itemText); 

Answer 4

nur als Alternative, können Sie auch .filter() verwenden:

var x = $('select[name="InputSource"] > option').filter(function(index, element){ 
 
     return $(element).val() == "1"; 
 
    }).text(); 
 

 
alert(x);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select name="InputSource" class="required page_basic" style="margin-left:23%" form="broadcastform" > 
 

 
     <option value="">Broadcast Input</option>    
 
     <option value="0">HDMIPhy</option>    
 
     <option value="1">USB Streaming</option>    
 
     <option value="2">MPEC-TS Interface</option>    
 
     <option value="3">VIP(Ethernet)</option>   
 

 
</select>

Answer 5

$("#myselect option:selected").text();

<select id="myselect"> 
 
    <option value="1">Mr</option> 
 
    <option value="2">Mrs</option> 
 
    <option value="3">Ms</option> 
 
    <option value="4">Dr</option> 
 
    <option value="5">Prof</option> 
 
</select>