当选择框上的选择发生更改时，请更改具有特定类的所有表单域的值

When selection upon a select box changes, change the value for all form fields with a certain class

本文关键字：选择 表单      更新时间：2023-09-26

当用户在 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;
  });
});

答：杰斯菲德尔

js fiddle 中的问题是，您尚未向其添加 jQuery 库，因此您应该在控制台中遇到类似 Uncaught ReferenceError: $ is not defined 的错误。

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

你的代码中有一个拼写错误，在$(".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

试试这个

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