在Java脚本

Question

我有一个自定义字段，其中包含下拉列表和相应的文本字段。我有一个（显示字符串 - ＆gt;值）的地图，例如（美元 - > 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

option元素具有“value”属性，可用于存储“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完成的。

所以将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>