javascript - Jquery，通过文本框值从下拉列表中设置选项

Question

// JQuery script
<script>
$(function(){
$('.select-change').click(function(){

???? 

//这里将文本框的 con_name_class 文本放入 dropdown1 下拉列表中!!

});
});
</script>

现在是 PHP 和 HTML 代码

<?PHP

connection...blah blah

while($record=sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)){
$recordx = $record['x'];
$recordy = $record['y'];
$recordz = $record['z'];
}
?>


<input type="text" class="con_name_class" id="<? php somefunction_which_echos_out_a_text ?>" value="<? php 

SAMEfunction_which_echos_out_a_text ?>" />

<input class = "select-change" type="button" id="<? php echo $recordx; ?>" value = "<? php echo $recordx; ?>" /><br>

<? PHP

}


function xyz(){    // I am calling it some where!!

connection...blah blah

echo "<select name = "dropdown1" id="dropdown1">";
echo "<option value="NULL">Select one</option>";

while($rec=sqlsrv_fetch_array($stmtxyz, SQLSRV_FETCH_ASSOC)){
echo "<option value='".$rec['con_code']."')>".$rec['con_name']."</option>";
}
</select>
}
?>

如何将文本框的文本映射到 dropdown1 并选择它？

Answer 1

你可能会喜欢

  $(function() {
    $("#textboxID").on("change",function(){
         $("#selectBoxID").val($(this).val());
       //Set the option from dropdown list by textbox's value
    })
  });

这是plunker

干杯!