选择并隐藏

时间:2016-11-17 14:06:01

标签: javascript html select

我有一个简单的选择,有几个选项。然后我有一个隐藏的输入。

我想用选定的选项对隐藏的输入进行定值。

所以如果:

    <select id="type" name="type">
        <option value=""><fmt:message key="select.value" bundle="${g}" /></option>
        <option value="0"><fmt:message key="intermediary.document.attachment.logo" bundle="${i}" /></option>
        <option select="selected" value="RISKASSESS"><fmt:message key="intermediary.document.attachment.riskassess" bundle="${i}" /></option>
   </select> 

我想要这个:

<input type="hidden" id="type" name="type" value="ADVPF3" /> 
有人可以帮帮我吗? THX。

1 个答案:

答案 0 :(得分:0)

如果你必须在普通的javascript中执行此操作,

var e = document.getElementById("selectId");

e.addEventListener("change",function(){
    //Get selected value
    var val = e.value;
    //Set value to input
    document.getElementById("type").value = val;
});

如果你有jQuery,那么,

$("#selectId").change(function(){
   var value = $(this).val();
   $('#type').val(x);
});

请注意,您无法为选择和输入提供相同的ID(现在类型)

相关问题