0 
<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が選択されている場合、デフォルトでは、2番目のドロップダウンは「なし」になっているはずです..... このために....あなたの助けは大歓迎です。

Passioncoder さん、よろしくお願いします。

4

2 に答える 2

0

これが作業コードです

<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 コードを参照できます。

于 2012-12-27T11:07:59.407 に答える