从下拉框中获取选定的值，并用于填充文本框

Question

我有一个Web表单，其中包含一个下拉框，该框由对使用php的MySQL服务器的请求填充以及一个文本框。 文本框中的值当前传递给另一个页面进行处理。 这一切都很好，但是由于有许多提交的值都相同的提交，因此我决定实现表单中的下拉框，以允许用户从先前提交的选项中进行选择。

我想要的是用户在下拉框中单击一个值，该值用于填充Web表单中的文本框。 我在提取此值时遇到困难。 我假设它需要实现onClick / onSelect侦听器，但是我不确定如何做到这一点。 任何帮助将不胜感激！

编辑代码，目前我只是想获取返回到页面的值作为概念证明，但最终将需要进入文本框。

 <script type="text/javascript">
function moveToTextBox()
    echo $("#dropDownBox option:selected").text(); 
</script>

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

        Enter Asset Type<br/>
        <select name="currentItems" onUpdate="moveToTextBox()" id="dropDownBox">
        <?php  
            $pdo = Database::connect();
            $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
            $sql = "SELECT item FROM all_Items";
            $result=$pdo->query($sql);
            $array=null;
            while($row=$result->fetch(PDO::FETCH_ASSOC))
            {
                echo "<option value=\"item1\">" . $row['item'] . "</option>";
            }
            Database::disconnect(); 
        ?>
        </select><br/>
        <input type="text" name="newItem" id="textId"><span class="error"> <?php echo $newItemError;?></span>
    <br/>
    <input type="submit" name="submit" value="Submit"> 
</form>

Answer 1

javascript中没有回声之类的东西。

如果您只想查看#dropDownBox选项的值：selected包含，请使用console.log（）并检查您的控制台（f12而不是console选项卡）或使用alert（）

现在填充textboxdiv，我想你只想把它放在这样的地方：

<script type="text/javascript">
   function moveToTextBox(){
     content = $("#dropDownBox option:selected").text();
     $('#randomTextPopulateDivYouNeedToMakeSomewhere').html(content);
   }
</script>

另外，如果您使用jquery，我认为您应该代替onUpdate做这样的事情：

   $("#dropDownBox").change( function() {
     content = $("#dropDownBox option:selected").text();
     $('#randomTextPopulateDivYouNeedToMakeSomewhere').html(content);
   });

Answer 2

查看javascript的change事件： change

这是小提琴： http : //jsfiddle.net/michasko/k4hYE/

select.onchange = function() {
    input.value = this.value;
};