Question

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

Answer 1

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

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

Answer 2

使用jQuery非常简单：

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

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

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

Answer 3

$('#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的快捷方式，可确保在代码运行之前加载元素。

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

3 个答案: