javascript - 使用 jQuery 从选择标签中抓取文本

Question

我正在尝试通过第一个中选择的内容来更改第二个选择语句。

这是我目前拥有的代码，但它不起作用：

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

你可以像下面那样做

$('#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 2

由于您使用“JQuery”放置标题

试试这种方式

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

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

Answer 3

To get the selected option text

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