Javascript在下拉更改时设置隐藏的表单值

Question

javascript 的新手，但我确信这很容易。不幸的是，大多数谷歌搜索结果都没有帮助。

无论如何，我想在下拉选择更改时通过 javascript 设置隐藏表单元素的值。

我可以使用 jQuery，如果它可以更简单地获取或设置值。

Answer 1

如果您有这样的 HTML，例如:

<select id='myselect'>
    <option value='1'>A</option>
    <option value='2'>B</option>
    <option value='3'>C</option>
    <option value='4'>D</option>
</select>
<input type='hidden' id='myhidden' value=''>

您所要做的就是bind a function to the change event of the select ，并在那里做你需要做的事:

<script type='text/javascript'>
$(function() {
    $('#myselect').change(function() {
        // if changed to, for example, the last option, then
        // $(this).find('option:selected').text() == D
        // $(this).val() == 4
        // get whatever value you want into a variable
        var x = $(this).val();
        // and update the hidden input's value
        $('#myhidden').val(x);
    });
});
</script>

综合考虑，如果您要进行大量 jQuery 编程，请始终使用 documentation打开。如果有机会，很容易在那里找到您需要的东西。