Javascript SQL生成选择菜单，根据相关值更新文本框

一些背景信息：

    <script type="text/javascript">
      function load_value(value)
      {
          document.getElementById("test").value=value;
      }
    </script>

<table>
<form method="post" action="">  
        <?php
        $select_box='<select name="edittech"  id="edittech" onchange="javascript:load_value(this.value);">';
        $input="";
                    $result = $conn->query("select * from techs");
        while ($row = $result->fetch_assoc()) {

        $select_box .='<option id="name"  value="'.$row["TECHNAME"].'">'.$row['TECHNAME'].'</option>';

        }
    $input ='<input type="text" name="test" id="test" value="" />';

echo $select_box."</select>";
echo $input;
    ?>

• 我有一个包含两个字段的表，TECHNAME和TECHCOLOR

我想做的是：

    <script type="text/javascript">
      function load_value(value)
      {
          document.getElementById("test").value=value;
      }
    </script>

<table>
<form method="post" action="">  
        <?php
        $select_box='<select name="edittech"  id="edittech" onchange="javascript:load_value(this.value);">';
        $input="";
                    $result = $conn->query("select * from techs");
        while ($row = $result->fetch_assoc()) {

        $select_box .='<option id="name"  value="'.$row["TECHNAME"].'">'.$row['TECHNAME'].'</option>';

        }
    $input ='<input type="text" name="test" id="test" value="" />';

echo $select_box."</select>";
echo $input;
    ?>

• 基于TECHNAME创建SQL生成的下拉菜单（完成）
• 选择TECHNAME时，在文本框中显示TECHCOLOR更新（问题在此处）

怎么了

• 当前，文本框显示TECHNAME insead of TECHCOLOR

代码

JavaScript:

    <script type="text/javascript">
      function load_value(value)
      {
          document.getElementById("test").value=value;
      }
    </script>

<table>
<form method="post" action="">  
        <?php
        $select_box='<select name="edittech"  id="edittech" onchange="javascript:load_value(this.value);">';
        $input="";
                    $result = $conn->query("select * from techs");
        while ($row = $result->fetch_assoc()) {

        $select_box .='<option id="name"  value="'.$row["TECHNAME"].'">'.$row['TECHNAME'].'</option>';

        }
    $input ='<input type="text" name="test" id="test" value="" />';

echo $select_box."</select>";
echo $input;
    ?>

功能负载_值（值）
{
document.getElementById（“测试”）.value=value；
}

HTML/PHP:

    <script type="text/javascript">
      function load_value(value)
      {
          document.getElementById("test").value=value;
      }
    </script>

<table>
<form method="post" action="">  
        <?php
        $select_box='<select name="edittech"  id="edittech" onchange="javascript:load_value(this.value);">';
        $input="";
                    $result = $conn->query("select * from techs");
        while ($row = $result->fetch_assoc()) {

        $select_box .='<option id="name"  value="'.$row["TECHNAME"].'">'.$row['TECHNAME'].'</option>';

        }
    $input ='<input type="text" name="test" id="test" value="" />';

echo $select_box."</select>";
echo $input;
    ?>

---

提前谢谢！：D

提交表单时，是否使用了

edittech

下拉列表的值？如果不是，您只需将下拉列表的值部分更改为

TECHCOLOR

，它仍将在下拉列表上显示

TECHNAME

while ($row = $result->fetch_assoc()) {
    $select_box .= "<option id=\"name\" value=\"{$row['TECHCOLOR']}\">{$row['TECHNAME']}</option>";
}

while（$row=$result->fetch_assoc（））{
$select_box.=“{$row['TECHNAME']}”；
}

您需要一种从TECHNAME到TECHCOLOR的方式。您可以生成一个JSON字符串，表示一个映射到另一个的JavaScript对象，然后使用该字符串来查找它（我不做PHP，也不能告诉您它是什么样子），您可以对另一个PHP文件进行AJAX调用，该文件以TECHNAME为参数并返回TECHCOLOR，或者（如果它没有用于其他任何地方）您只需将每个

元素的

值

属性设置为TECHCOLOR，而不是TECHNAME。