Question

<html>
<select id="degree_id" onchange=geneCourse(this.value);>
    <option value="1">BE</option>
    <option value="2">MBA</option>
</select>
<select id="course_id">
    <option value="10">A</option>
    <option value="20">none</option>
</select>
</html>
<script>
function geneCourse(degree){
    var degree = $('#degree_id option:selected').text();
    if(degree == 'MBA')               
    {
        $("#course_id option:contains('none')").prop("selected", true);
    }
}
</script>

我尝试了上面的代码并且它不起作用:( 如果选择MBA，默认情况下第二次下拉应为“无”..... 然而，这是一个重复的问题，我无法找到适合的解决方案...... 非常感谢您的帮助。

提前致谢， Passioncoder。

Answer 1

使用此解决方案。

  $("#course_id option:contains('none')").attr("selected", true);

你可能正在使用旧的jquery lib。

Answer 2

这是工作代码

<html>
    <select id="degree_id" onchange="geneCourse(this);">
        <option value="BE">BE</option>
        <option value="MBA">MBA</option>
    </select>
    <select id="course_id">
        <option value="10">A</option>
        <option value="20">none</option>
    </select>
</html>
<script>
function geneCourse(element){
    var degree = $(element).val();
    if(degree == 'MBA')               
    {
        $("#course_id option:contains('none')").prop("selected", true);
    }
}
</script>

您可以参考示例JSFiddle Code here

下拉列表的值将显示在其他选择的其他下拉列表中

2 个答案: