当在一个选择框改变选择，具有一定的阶级

Question

当用户在选择框中选择ID为some_select_box更改所有表单字段的值：

• 我想抓住那是值选中
• 我想抓取页面上所有具有类hidden_search_box的表单域并将其所有值都更改为匹配所选值。

我很想念我的代码中明显的东西在这里：

$(document).on('change', '#some_select_box', function() { 
    var selected_value = this.value; 
    $(".hidden_search_box").each(function() { 
    this.value = selected_value; 
    }); 
}); 

答：jsfiddle

Answer 1

你在你的代码中的错字，在$(".hidden_search_box")，有一个双引号缺失。

$(function() { 
    $(document).on('change', '#some_select_box', function() { 
    var selected_value = this.value; 
    $(".hidden_search_box").each(function() { 
     debugger; 
     this.value = selected_value; 
    }); 
    }); 
}) 

JSFiddle

Answer 2

试试这个

$(document).on('change', '#some_select_box', function() { 
    $(".hidden_search_box").val(this.val()); 
    $(".hidden_search_box option[value='"+this.val()+"']").attr('selected','selected'); 

}); 

Answer 3

在JS提琴问题是，你还没有加入jQuery库到它，所以你应该有像Uncaught ReferenceError: $ is not defined错误的安慰。

要将jQuery添加到小提琴中，在javascript面板中，单击右上角的图标并在库下拉菜单中选择jQuery。