複製選項下拉列表中的輸入值jquery

Question

如何將輸入值自動複製到下拉選項中？

我有文本字段用戶將要輸入一些值（讓我說一個金額），現在，我希望這個值被複制或複製在我的下拉選項字段自動，特別是在我的第一個「選項」，如何我要這樣做嗎？

<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()); 
}); 

該實施例示出了當用戶KEYUP在文本字段中，在選擇第一選項的值將與文本字段的值替換。