使用Jquery显示和隐藏select中的元素

我正试图根据div的值“”在“选择”下拉列表中显示和隐藏div

有人能给我解释一下为什么这不起作用吗？这是Jfiddle：

html

方案1
方案2
测试
orem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版而流行
选择程序
测试
orem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版而流行
选择程序

首先，您有两次

value=“Program 1”

：

<option value="Program 1">Program 1</option>
<option value="Program 1">Program 2</option>

这应该是：

<option value="Program 1">Program 1</option>
<option value="Program 2">Program 2</option>

$('.section_container .' + newselection).show();

$('.section_container').children().hide();
$('#form_selection').change(function () {


    var selection = $(this).parent().find("option:selected").text();

    var newselection = selection.split(' ').join('_');
    console.log(newselection);

    $('.section_container').children().hide();
    $('.section_container').find('.' + newselection).show();
});

Javascript

$('.section_container > div').hide();
$('#form_selection').change(function () {

    var selection = $(this).val();
    var newselection = selection.replace(' ', '_');

    $('.section_container > div').hide();
    $('.section_container .' + newselection).show();

});

---

首先，您有两次

value=“Program 1”

：

<option value="Program 1">Program 1</option>
<option value="Program 1">Program 2</option>

这应该是：

<option value="Program 1">Program 1</option>
<option value="Program 2">Program 2</option>

$('.section_container .' + newselection).show();

$('.section_container').children().hide();
$('#form_selection').change(function () {


    var selection = $(this).parent().find("option:selected").text();

    var newselection = selection.split(' ').join('_');
    console.log(newselection);

    $('.section_container').children().hide();
    $('.section_container').find('.' + newselection).show();
});

Javascript

$('.section_container > div').hide();
$('#form_selection').change(function () {

    var selection = $(this).val();
    var newselection = selection.replace(' ', '_');

    $('.section_container > div').hide();
    $('.section_container .' + newselection).show();

});

这是

$('.section_container').children().hide();
$('#form_selection').change(function () {


    var selection = $(this).parent().find("option:selected").text();

    var newselection = selection.split(' ').join('_');
    console.log(newselection);

    $('.section_container').children().hide();
    $('.section_container').find('.' + newselection).show();
});

这是

$('.section_container').children().hide();
$('#form_selection').change(function () {


    var selection = $(this).parent().find("option:selected").text();

    var newselection = selection.split(' ').join('_');
    console.log(newselection);

    $('.section_container').children().hide();
    $('.section_container').find('.' + newselection).show();
});

---

谢谢你不断地忘记。到处都是。谢谢你不断地忘记