jQuery根據表格選擇顯示項目

嘿有，我有一個簡單的問題，但似乎無法得到解決方案的工作。基本上我有一個select。根據此select的選項選擇，它應顯示一個單獨的對應select。jQuery根據表格選擇顯示項目

我有一個js小提琴去這裏： http://jsfiddle.net/FcsBu/22/

任何幫助，將不勝感激。謝謝！

2011-03-15 patrick

只是想提一提，你的「3小時簡介」值大於下拉列表的id不同。您應該將其更改爲「3小時」而不是「小時」。 – Anton 2011-03-15 16:02:32

你的最後一個選擇是錯誤的

它應該是

$("#"+ optionValue).show('fast');

或

$("."+ optionValue).show('fast');

取決於optionValue是否包含要顯示類選擇的或ID你想要展示的選擇。

希望這會有所幫助！如果它回答了您的問題，請點擊我答案旁邊的複選框以接受它！

來源

2011-03-15 15:46:17 Nikhil

var optionValue = $ (this).val(); 
    $('#'+optionValue).show('fast');

來源

2011-03-15 15:47:12

你不解決所有問題。看看其他選擇器 – austinbv 2011-03-15 15:53:24

您使用了錯誤的選擇

一個工作JS小提琴這裏

我做了兩個變化，因爲你正在使用的ID不是階級首先更改.selector到#selector。第二，你必須使用的節目選擇，以及使我增加了# ID選擇到這一點，與+你的變量，不應該在報價級聯

http://jsfiddle.net/Psvab/1/

來源

2011-03-15 15:50:42 austinbv

我想你可能會想隱藏其他選項，如果你改變選擇。

$(document).ready(function() { 
$('.coursedate').hide(); 
$('.course_type').change(function() { 
    var optionValue = $(this).attr('value'); 
    $('.coursedate').hide(); // Add this to hide other options 
    $('#'+optionValue).show('fast'); 
});

}）;

來源

2011-03-15 15:55:14 moleculezz

修正：

http://jsfiddle.net/FcsBu/30/

來源

2011-03-15 16:06:19 Keir

jQuery根據表格選擇顯示項目

回答

相關問題