當在一個選擇框改變選擇，具有一定的階級

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。