Question

嘿那里，我有一个简单的问题，但似乎无法使解决方案正常工作。基本上我有一个select。根据此select选项的选择，它应显示单独的对应select。

我有一个js小提琴在这里： http://jsfiddle.net/FcsBu/22/

任何帮助将不胜感激。谢谢！

Answer 1

您的上一个选择器错误

它应该是

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

或

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

取决于optionValue是否包含您要显示的选择的类或您要显示的选择的ID。

希望这有帮助！如果它回答了您的问题，请点击我的回答旁边的复选框接受它！

Answer 2

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

Answer 3

您使用了错误的选择器

这里有一个工作的小提琴

我做了两处更改，首先将.selector更改为#selector，因为您使用的是ID而不是类。第二，你必须为节目使用一个选择器，所以我添加了# ID选择器并与+连接到你的变量，该变量不应该在引号中

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

Answer 4

我想如果你改变选择，你可能想要隐藏其他选项。

$(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');
});

}）;

Answer 5

修正：

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

jQuery根据表单选择显示项目

5 个答案: