onchange 将值插入隐藏的输入 jquery答案

【问题标题】：onchange insert value into hidden input jqueryonchange 将值插入隐藏的输入 jquery
【发布时间】：2009-08-24 18:13:13
【问题描述】：

当我从我的选项中选择一些数据时，我需要在“onchange”选择时显示值...有人可以帮助我吗？

<select name="search_school" id="search_school" onchange="$('#search_school').val() = $('#school_name').val()">

我希望选择的选项值显示在隐藏的输入中

<input type="hidden" name="school_name" id="school_name" value="" />

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

我认为您希望将此作为您的 onchange 事件：

<select name="search_school" id="search_school" onchange="$('#school_name').val($('#search_school').val())">

当您在没有参数的情况下调用val() 时，它获取元素的值。如果你把它称为像val('some value'); 这样的参数，它会设置元素的值。

【讨论】：

哇！非常感谢！非常感谢！
哇。尽管我给出了一个非常简单的正确答案，但你们却否决了它，因为它在语义设置上有所不同？这是相当优雅的。我本来可以大谈特谈为什么你可能想使用ready() 以及组织你的javascript 的最佳方式，但显然海报只是需要val() 函数的一些指导。有时保持简单是最好的做法。通常，您应该为不正确的答案保留反对票。如果您认为可以改进，请留下 cmets，或对其他正确答案投赞成票。
如果您更新了答案以包含建议以及避免它的原因，我会回来删除反对票。

【解决方案2】：

如果可以，请避免在 html 上定义内联事件：

<select name="search_school" id="search_school">
...
</select>
<input type="hidden" name="school_name" id="school_name" />

$(document).ready(function () {
    $('#search_school').change(function () {
        $('#school_name').val($(this).val());
    });
});

【讨论】：

【解决方案3】：

我想你想要这样的东西：

$("#search_school").change(function(){
  $(this).val($("#search_school option:selected").text());
});

【讨论】：

【解决方案4】：

要将所选值设置为隐藏控件，您应该：

<select name="search_school" id="search_school"  onchange="$('#school_name').val($('#search_school').val())">

【讨论】：

【解决方案5】：

<script type="text/javascript">
    $(document).ready(function() {
        $("#search_school").change(
            function () {
                $('#school_name').attr('value', $("#search_school").val());
            }
        );
    });
</script>

【讨论】：