Question

如何自动将输入值复制到下拉选项中？

我有文本字段，用户将输入一些值（比如金额），现在，我希望在我的下拉选项字段中自动复制或复制这些值，特别是在我的第一个＆＃34;选项＆＃ 34;，我该怎么做？

<input id='appraisal_value' type='number'>

<select id='srp'>
    <option value='//This is where the users values from input `appraisal_value` goes '>Appraisal Value</option>
    <option value'<?php echo $BookValue; ?>'>Book Value</option>
</select>

Answer 1

$('#appraisal_value').change(function() {

  var value = $(this).val();
  $('#srp').prepend('<option>'+value +'</option>')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='appraisal_value' type='number'>

<select id='srp'>
  <option value='//This is where the users values from input `appraisal_value` goes '>Appraisal Value</option>

</select>

使用.prepend()

描述：将参数指定的内容插入匹配元素集中每个元素的开头。

Answer 2

$("#appraisal_value").on("keyup", function(){
  $("#srp").children("option:first").val($(this).val());
});

此示例显示文本字段中的用户键入时，select中第一个选项的值将替换为文本字段值。

在选项下拉列表中复制输入值jquery

2 个答案: