javascript - 在文本框 html 中插入值选择

Question

我阅读了有关如何通过 HTML 选择和添加 HTML 文本输入检查扩展的讨论。

在我的情况下不起作用，因为选择动态需要 while 循环处理来自数据库的数据。你能帮我找到解决办法吗？

我想在下面的文本字段中的表单中显示在选择中选择的值和文本。

   <select name="auto" id="auto">
    <option value="false">Auto non presente</option>
     <?php while ($row = mysqli_fetch_array($result_modello)):; ?>
       <option value="<?php echo $row['id_modello']; ?>"><?php echo $row['nome_modello']; ?></option>
     <?php endwhile; ?>
  </select>
  <select name="marca">
    <option value="false">Marca non presente</option>
     <?php while ($row = mysqli_fetch_array($result_marca)):; ?>
       <option value="<?php echo $row['id_marche']; ?>"><?php echo $row['nome_marche']; ?></option>
     <?php endwhile; ?>
  </select>

Answer 1

不使用 jQuery，而是使用普通的老式常规 Javascript，按照这些思路应该可以做到。

<form>
    <select id='auto' name='auto'>
        <option value=1>Banana
        <option value=2>Apple
        <option value=3>Cherry
        <option value=4>Pomegranate
        <option value=5>Mango
    </select>
    <div id='results'></div>
</form>

<script type='text/javascript'>
    function display(e){
        var el=e.target;
        var div=document.getElementById('results');
        var value=el.options[el.options.selectedIndex].value;
        var text=el.options[el.options.selectedIndex].text;
        div.innerHTML=value+text;
    }
    document.getElementById('auto').addEventListener('change',display,false);
</script>