在文本框中插入值选择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

尝试这个 ：

$("input[type=text]").val($("select[name=marca]").val());

要么

 $("input[type=text]").val($("#auto").val());

如果要同时显示两者，请使用以下命令：

var one = $("#auto").val();

var two = $("select[name=marca]").val();

$("input[type=text]").val(one + " , " + two);

Answer 2

不使用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>

Answer 3

这会工作

var e = document.getElementById("auto");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;

Answer 4

感谢您对我的职位的关注。 仅在我的情况下，动态文本字段才会出现在选择所有值中。 我希望在第二种形式的比较文本的两个文本框中，在两个选择中仅选择两个值。

Answer 5

您可以将.val（）用于值，将.text（）用于获取文本。

var text_val = 'val : ' + $("select").val() + 'text : ' +$("select").text();
$("input[type=text]").val(text_val);