javascript - 显示所选名称的数据库值并将该名称插入另一个表

Question

我有一个下拉列表显示数据库中的类别，它在文本字段中显示所选类别的价格。

当选择 web development 时，它的价格(12)显示在文本字段中

这是代码

    <select name="category" class="form-control" id="category">
         <?php
          $query= "SELECT  * FROM category" ;
        $result= mysql_query($query);

        while($row = mysql_fetch_assoc($result))
            {   
        echo '<option value="'.$row['cost_for_cat'].'">'.$row['cat_name'].'</option>';
                                                        }
            ?>      
     </select>

 <input name="cat_cost" id="cat_cost" type="text" value="<?php echo ('cost_for_cat'); ?>" onClick="checkprice()" class="form-control" placeholder="£" width="30" required/>

    <script>
        var select = document.getElementById('category');
        var input = document.getElementById('cat_cost');
        select.onchange = function(){
            input.value = select.value;
            }
    </script>

我还想在单击按钮时在另一个表中插入类别名称(Web 开发)。但是两个值(cost_for_cat，cat_name)都应该来自“选项值”。像这样

echo '<option value="'.$row['cost_for_cat'].'">'.$row['cat_name'].'</option>';

和

echo '<option value="'.$row['cat_name'].'">'.$row['cat_name'].'</option>';

有什么解决办法吗？请帮忙

Answer 1

对于第一个问题，选择类别时显示成本类别，您必须使用选择元素的“onchange”并检索相应的成本，然后将其放在文本字段中。 其次，您所说的类别值已经存在，并将在提交表单时发送，对于文本，您可以包含一个隐藏的输入，获取所选类别的文本并将其设置在那里。 您需要的代码:

var categoryDropDownList = document.getElementById("category");
var selectedValue = categoryDropDownList.value;
var selectedText = categoryDropDownList.options[categoryDropDownList.selectedIndex].text;