Question

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

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

怎么做？

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

腓

<?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="">

Answer 1

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

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

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

修改

请在此处查看demo。

Answer 2

如果我理解正确，您希望让用户选择类别并输入与此类别相对应的代码 输入的值。在这种情况下，您可以使用<form>：

发送选择

替换它：

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

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

有了这个：

<form method="post" action="">
<select name="supplier" style="text-transform:uppercase;">
<option value="ALL">ALL</option>
<?php echo $code; ?>
</select>
</form>
<input name="catvalue" value="<?=$_POST['supplier']?>">

这将获取与所选类别对应的代码，并将其作为POST变量提交。然后，它使用post变量作为输入值。

修改：

由于它们已经在表单中，因此不需要表单：

<select name="supplier" style="text-transform:uppercase;"> <option value="ALL">ALL</option> <?php echo $code; ?> </select> <input name="catvalue" value="<?=$_POST['supplier']?>">

Answer 3

您可以使用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那样。

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

3 个答案: