Значение значения текстового поля в скрипте Java

Question

У меня есть настраиваемое поле, которое состоит из выпадающего списка и соответствующего текстового поля. У меня есть карта (строка отображения -> значение), например. (Доллар -> 50). Клавиши, здесь Dollar, отображаются в раскрывающемся списке и после его выбора в текстовом поле отображается Доллар.

Теперь для целей обработки, я хочу, чтобы сохранить соответствующее значение (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

параметр имеет атрибут «значение», которую можно использовать для хранения значения «50»

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

Я надеюсь, что следующий скрипт поможет вам. Я сделал это с помощью jQuery.

Так что добавьте URL-адрес jQuery в свой код.

<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>