输入值取决于数据库下拉列表的值答案

【问题标题】：Input value depends on value of dropdown from database输入值取决于数据库下拉列表的值
【发布时间】：2014-02-10 01:57:08
【问题描述】：

如何在文本框中回显下拉选择的值？

所需的是选择房屋时，ACR100应该在空的文本框中回声。在文本框中显示的值取决于下拉列表的值。

怎么做？

id  |  maincode | category  
1   |  ACR100   |  House
2   |  ACR200   |  Park  
3   |  ACR300   |  Field

php

<?php
$mysqli = new mysqli("localhost", "root", "", "2015");
    $resultcode = $mysqli->query("SELECT category, id, maincode FROM category GROUP BY id ORDER BY maincode");
    $code = '';
     while($row = $resultcode->fetch_assoc())
        {
        $code .= '<option value = "'.$row['maincode'].'">'.$row['category'].'</option>';
        }
?>

<select name="supplier" style="text-transform:uppercase;">
<option value="ALL">ALL</option>
<?php echo $code; ?>
</select>

<input name="catvalue" value="">

【问题讨论】：

据我了解您的要求，您将使用 Javascript 实现这一目标。

标签： php mysql

【解决方案1】：

如果您希望它发生在客户端，您可以使用 jquery 轻松完成。 http://api.jquery.com/change/

$('[name="supplier"]').change(function() {
   $('[name="catvalue"]').val($(this).val());
});

我没有运行代码，但你明白了。

编辑：

在此处查看demo。

【讨论】：

【解决方案2】：

您可以使用 JavaScript 来实现。您只需将事件附加到您的选项菜单和文档。

<!DOCTYPE html>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<!-- call function to set value when document loads -->
<body onload="initialize()">     
<!-- attach an onchange event to update input field -->
<select id="dropdownList" onchange="update()">
<option value="ACR100">House</option>
<option value="ACR110">Park</option>
<option value="ACR120">Field</option>

    </select>
    <input id="catvalue" name="catvalue" value="">

    <script>
        // update input field
        function update(){
            var value = document.getElementById("dropdownList").value;
            var dest = document.getElementById("catvalue");

            dest.value = value;                
        }

        //run when document loads
        function initialize(){
            update();
        }           
    </script>
</body>

或者，您可以在打印页面时在 php 中设置值，而不是将初始化函数附加到整个文档，就像 Anonymous 所做的那样。

【讨论】：