Question

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

在我的情况下不能使用选择动态，该动态使用来自DB的数据进行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

感谢您关注我的帖子。只有在我的情况下，动态文本字段才会出现在select all values中。我希望在第二种形式的两个文本框中比较两个选择中只选择两个值。

Answer 5

你可以使用.val（）表示值，使用.text（）来获取文本。

$ awk -F'\t' '{f=$4".csv"; print>>f; close(f)}' OFS='\t' in.csv
$ cat d.csv
a       b       c       d
aa      bb      cc      d
A       B       C       d
$ cat 4.csv
1       2       3       4
12      23      34      4

在文本框html

5 个答案: