オプションドロップダウンjqueryの入力値をコピー

Question

ドロップダウンオプションに入力値を自動的に複製する方法は？

私は、ユーザーがいくつかの値を入力しようとするテキストフィールドを持っています（今度は、量を言いましょう）、今、私の最初の "option"に、この値を自動的にドロップダウンオプションフィールドにコピーまたは複製します。私はそれをしますか？

<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を示し、選択の最初のオプションの値は、テキストフィールドの値に置き換えます。