显示所选名称的DB值并将该名称插入另一个表

Question

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

当选择网站开发时，它的价格（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）应该来自＆＃34;选项值＆＃34;。喜欢这个

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;