javascript - jQueryを使用して選択したタグからテキストを取得する

Question

最初に選択したもので2番目のselectステートメントを変更しようとしています。

これは私が現在持っているコードであり、機能していません：

function getSchedText() {

    var schedGrab = $("#schedGrab").text();
    if (schedGrab == "English") {
        $("#schedPost").load('../start/english.html');
    }
    else if (schedGrab == "Spanish") {
        $("#schedPost").load('../start/spanish.html');
    }
    else if (schedGrab == "") {
        $("#schedPost").load();
    }
    else {
        $("#schedPost").load('../start/testdoc.html');
    }
}

これは、対応するHTMLです。

<select name="class1" class="login" id="schedGrab" onclick="getSchedText()">php include</select>

<select name="class2" class="login" id="schedPost"></select>

Answer 1

「JQuery」を使ってタイトルを付けていたので

この方法で試してください

$("#schedGrab").change(function(){
     //Embed your ifelse here but strongly suggest to go for switch statement

     alert($(this).text());
})

Answer 2

あなたは以下のようにすることができます

$('#schedGrab').change(function() {
    var schedGrab = $(this).find('option:selected').text();
    if (schedGrab == "English") {
        $("#schedPost").load('../start/english.html');
    }
    else if (schedGrab == "Spanish") {
        $("#schedPost").load('../start/spanish.html');
    }
    else if (schedGrab == "") {
        $("#schedPost").load();
    }
    else {
        $("#schedPost").load('../start/testdoc.html');
    }
});

Answer 3

選択したオプションテキストを取得するには

var schedGrab = $("#schedGrab option:selected").text();