使用“填充下拉列表”填充文本框

时间:2015-08-01 12:15:01

标签: javascript php mysql

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

现在我想通过选择下拉列表中的项目将数据从数据库中检索到文本框中。

请帮我用javaScript将数据检索到texbox ..

先谢谢..

我的代码是下拉列表:

<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;

1 个答案:

答案 0 :(得分:0)

以下代码将选择下拉列表中的所有文本并将其放在文本框中。

如果它不完全是你想要的,你可以修改它或者这样说。

<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>

干杯。