使用已填充下拉列表填充文本框


Populate Textbox using Populated Dropdown list

我有一个下拉列表,我已经从数据库填充。我有3个文本框

现在我想通过在下拉菜单中选择item从数据库中检索到文本框中的数据..

请帮我检索数据到文本框使用javaScript..

谢谢提前…

我的代码是用于下拉菜单:

<select name="select" class="form-control" id="selected" onchange="UpdateTextbox(this)">
<option id="0">-- Select the Company --</option>
   <?php
      require("dbcon.php");
      $getallcompanies = mysql_query("SELECT * FROM ifcandetails6");
      while($viewallcompanies = mysql_fetch_array($getallcompanies)){
                                            ?>
 <option id="<?php echo $viewallcompanies['tcuid']; ?>"><?php echo $viewallcompanies['tcname'] ?></option>
       <?php
         }
       ?>

文本框代码:

<input type="text" class="form-control" id="myvalue" placeholder="Trade Centre Contact No." value="<?php echo $viewallcompanies['tccontact']?>" disabled/>
Mysql表:

CREATE TABLE IF NOT EXISTS `ifcandetails6` (
`tcuid` int(100) NOT NULL,
`tcname` varchar(100) NOT NULL,
`tccontact` varchar(100) NOT NULL,
`tccperson` varchar(100) NOT NULL,
`tcemail` varchar(100) NOT NULL,
`tcdesig` varchar(100) NOT NULL,
`tcaddress` varchar(100) NOT NULL
) ENGINE=MyISAM AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

下面的代码将选择下拉框中的所有文本并将其放入文本框中。

如果不是你想要的,你可以修改或者直接说出来。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<select id="me">
   <option value="1">1</option>
   <option value="2">2</option>
</select>
<input type="text" id="textbox" />
<script>
$(function () {
   var $string = "";
   $("#me option").each(function () {
     $string += $(this).text();
   });
   $("#textbox").val($string);
});
</script>

欢呼。