Wie eine Texteingabe in Abhängigkeit von einer Dropdown-Liste Auswahl

Question

Ich habe ein Dropdown-Liste füllen:

<select class="form-control" name = "Terminal_ID" id = "Terminal_ID" onchange="updateValue();"> 
<option>Select</option> 
<?php 
    $query="SELECT * FROM mytable"; 
    $result=mysqli_query($con,$query); 
    while($rows=mysqli_fetch_array($result2)) 
    { 
      $tid=$rows['Idcolumn']; 
      $tn=$rows['Namecolumn']; 
    ?> 
    <option value="<?=$tn;?>"><?=$tid;?></option> 
    <?php 
    } 
    ?> 
</select> 

und ein Texteingabefeld

<input class="form-control" type="text" id="textboxid" name="tname" /> 

ich dies in Javascript Updatefunktion :

function updateValue() 
    { 
$('#textboxid').val($('#Terminal_ID').val()); 
    } 

    $(document).ready(function() { 
    updateValue(); 
}); 

es Arbeit, da sie den Wert der $tn in meinem Texteingabefeld zeigt. Das Problem ist, dass die Funktion den Wert der Auswahl in der Dropdown-Liste ändert. und wenn ich die Auswahl des Dropdowns verwenden möchte, um einige Daten in meine Datenbank einzufügen, sendet es mir den $tn Wert, und ich brauche den $tid Wert. Wenn ich diese <option value="<?=$tn;?>"> in <option value="<?=$tid;?>"> ändern, ändern Sie den Wert der Texteingabebox. Gibt es irgendetwas, das ich zu diesem Code ändern kann, um den $tn als Wert im Texteingabefeld und den $tid als Wert der Auswahl zu erhalten?

Answer 1

, wenn Sie Ihre HTML-option wie folgt gesetzt werden,

HTML

<option value="<?=$tid;?>"><?=$tn;?></option> 

JS

function updateValue() 
{ 
    $('#textboxid').val($('#Terminal_ID option:selected').text()); // this will set name 
} 

$(document).ready(function() { 
    updateValue(); 
}); 

Answer 2

Sie können Sie wie festsetzen, unter dieser Funktion aktualisieren Sie Ihr Problem

function updateValue() 
    { 
    $('#textboxid').val($('#Terminal_ID option:selected').text()); 
    }