php - 下拉选择后自动填充文本字段

我已经检查了关于这个主题的所有内容，但没有任何帮助我解决我的问题。我对 PHP、Jquery、MySql 很陌生。我想要实现的是在从下拉列表中选择一项后自动填充数据库表中的文本字段。数据库“依赖项”的名称。其中有一个名为“类别”的表，它有 3 列:id、name、description。在下拉列表中，我希望能够从此列表中选择名称，然后自动在文本字段中获取描述。我实现了工作下拉菜单，但无法继续。

到目前为止，这是我的代码:

<?php

 try {

$objDb = new PDO('mysql:host=localhost;dbname=dependencies', 'admin', 'admin');
$objDb->exec('SET CHARACTER SET utf8');

$sql = "SELECT * 
        FROM `categories`
        ";
$statement = $objDb->query($sql);
$list = $statement->fetchAll(PDO::FETCH_ASSOC);

} catch(PDOException $e) {
echo 'There was a problem';
}

?> 
<head>
     <script src="/js/jquery-1.6.4.min.js" type="text/javascript"></script>

     <script type="text/javascript">

     $(document).ready(function() 
       {      
         $("#dropdownid").change(function(){
             $('#textfieldid').val($("#dropdownid").val());
         });

      });
</script>
</head>
<body>

<label>List</label>
<select name="name" required id="dropdownid">
        <option value=""></option>
            <?php foreach($list as $row) { ?>
                    <option value="<?php echo $row['id']; ?>">
                    <?php echo $row['id']; ?> | <?php echo $row['name']; ?> | <?php echo $row['description']; ?>                        
                </option>
            <?php } ?>
</select>

<label>Text</label>
    <input name="description" type="text" id="textfieldid" value="">

</body>
</html>

我真的很感激任何帮助。

最佳答案

在body结束标签后加上这个(

<script>
    $(function () {

        $('#dropdownid').on('change', function () {
            var selected_text=$( "#dropdownid option:selected" ).text();
            selected_text=selected_text.split('|');
            $('#textfieldid').val(selected_text[2]);
        });
    })
</script>

并在头部移除

<script type="text/javascript">

     $(document).ready(function() 
       {      
         $("#dropdownid").change(function(){
             $('#textfieldid').val($("#dropdownid").val());
         });

      });
</script>

关于php - 下拉选择后自动填充文本字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36137876/

php - 下拉选择后自动填充文本字段

上一篇：mysql - 将选择插入新列

下一篇：php - MySQL 1253 COLLATION 错误 PHP