如何在文本框中显示下拉选定的数据

Question

我想在文本框中显示下拉选中的值。

这是我的设计。

这是我的下拉列表的PHP代码......

<?php
        $con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("storedb", $con);
 $s=mysql_query("select * from dealerdetail order by Dealer asc "); 
 ?>
   Select Dealer Name:

   <select name="dealer" id="dealer">
     <option value="">---- select Dealer -----</option>

     <?php 
while($dd=mysql_fetch_array($s))
{
    ?>
     <option value="<?php echo $dd['D_id'] ?>"><?php echo $dd['Dealer'] ?></option>
     <?php 
}
?>
   </select>

请帮忙。

Answer 1

我认为你在寻找

$('#dealer').val(); //return selected value
$( "#dealer option:selected" ).text() // return selected options text

Answer 2

使用选择框的更改事件和文本属性来访问值

$('#dealer').change(function () {
                $("#idOfTextBox").val($("#dealer option:selected").text());
            });

Answer 3

使用jquery：

现场演示：http://jsfiddle.net/t6YHK/25/

$('#dealer').change(function () {
  $("#your_input_id").val($(this).val());
}); 

Answer 4

使用此：

$("#dealer").change(function(){
$("textarea").val( $(this).val() );
});

Answer 5

AngularJS

http://angularjs.org/

向下滚动到黑色区域下方。

Answer 6

好像你正在开展网页开发的第一步，为此，我严格建议您停止使用DreamWeaver来了解有关代码和事情的更多信息。

网页中的每个元素都在DOM中（请参阅HTML Document Object Model）。所以使用原生javascript所有元素使用：

document.getElementById("elementId")

这就是你所需要的一切。使用框架的所有其他解决方案将使用这行代码，无论您是否看到这一点。

因此，针对您的具体问题，我们将创建一个javascript函数，以便在下拉列表值更改时使用（假设您的文本字段id为myText）

function updateMyText()
{
    var dd = document.getElementById("myDropDown");
    var ddtext = dd.options[dd.selectedIndex].text;
    document.getElementById("myText").value = ddtext;
} 

在选择下拉列表项时调用它，您需要属性onchange

   <select name="dealer" id="dealer" onchange='updateMyText()'>