Javaスクリプトのテキストフィールドの設定値

Question

私は、ドロップダウンリストと対応するテキストフィールドで構成されるカスタムフィールドを持っています。私は（表示文字列 - >値）のマップを持っています。 （ドル - > 50）。キー（ここではドル）がドロップダウンリストに表示され、その選択時に、ドルがテキストフィールドに表示されます。処理目的のために今すぐ

、私は、テキストフィールドに対応する値（50）を保存します。私はフィールドに使用 jsがある：

itemSelectedWithValue: function(itemEle, replaceText,value) { 
     var menuEle = itemEle.parentNode; 
     var wrapEle = menuEle.parentNode; 
     var buttonEle = $(wrapEle).children(".listButton").get(0); 
     var fieldId = buttonEle.getAttribute("data-fieldId"); 
     var fieldEle = document.getElementById(fieldId); 
     if(replaceText) fieldEle.value = ""; 
     // call another function to insert value in fieldElement 
     $(fieldEle).trigger("change"); 
    } 

は今のところ何もonChangeイベントで定義されていません。のみのonClickが定義されています：

onclick="custField.itemSelectedWithValue(this, true,'Dollar');" 

ユースケースは、50のように、彼は唯一の表示文字列を見て、ユーザーが値を知ることができないということです。

どうすればこのことができますか？任意の提案、ポインタは大歓迎です。

Answer 1

オプション要素は、私は、スクリプトがお手伝いします以下を願っていますが

function showVal(){ 
 
var sel = document.getElementById("selCur"); 
 
    alert(sel.value); 
 
}

<select name='Currency' id='selCur'> 
 
<option value='50'>Dollar</option> 
 
<option value='1'>Rupee</option> 
 
</select> 
 
<input type='button' value='Show Value' onclick='showVal()'>

Answer 2

「50」の値を格納するのに使用することができ、「値」属性を持っています。私はそれをjQueryを使ってやってきました。

コードにjQuery URLを追加します。

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 

<form name="f1"> 
    <input type="text" id="txt" value=""/> 
    <select id="ddlValue"> 
     <option value="0">--Select--</option> 
     <option value="50">Dollar</option> 
     <option value="1">Rupee</option> 
    </select>  
</form> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#ddlValue').change(function() { 
      $('#txt').val($('#ddlValue').val()); 
     }); 
    }); 
</script>