如何将下拉选定值分配给隐藏字段

时间:2010-10-13 12:42:18

标签: asp.net jquery

我在asp.net中有一个dropdownlist控件,它位于用户控件中.yuser控件有一个updatepannel。我想将下拉列表选中值设置为隐藏字段。我将如何在javascript / Jquery中执行此操作.I不想使用服务器代码?

3 个答案:

答案 0 :(得分:2)

jAndy 几乎相同,但添加了服务器标记以获取ASP.NET控件的ID。

<script type="text/javascript">
$('#<%= ddlDropDownList.ClientID %>').change(function() {
  $('#<%= htxtHiddenField.ClientID %>').val($(this).val());
});
</script>

答案 1 :(得分:1)

使用jQuery非常简单:

$('#select_id').bind('change', function(){
   $('#hiddenfield_id').val($(this).val());
});

查看实际操作:http://www.jsfiddle.net/YjC6y/15/

(您必须将类型从“文本”更改为“隐藏”)

答案 2 :(得分:0)

$('#hiddenFieldID').val( $('#selectMenyID').val() );

或者,如果您想在用户更改菜单时执行此操作,请使用a .change() handler执行此操作:

$(function() {
    $('#selectMenyID').change(function() {
        $('#hiddenFieldID').val( $(this).val() );
    });
});

获取设置表单元素with .val()的值。当你不给它一个参数时,你得到这个值。当你这样做时,你设置值。

因此,同一事物的更详细版本可能如下所示:

$(function() {
    $('#selectMenyID').change(function() {
            // Get the value, and store it in a variable
        var theValue = $(this).val();
            // Set that value to the hidden input
        $('#hiddenFieldID').val( theValue );
    });
});

使用$(function() {...});包装代码是调用jQuery's .ready() method的快捷方式,可确保在代码运行之前加载元素。