使用jQuery从select标签中抓取文本

时间:2012-08-16 03:32:53

标签: javascript jquery html function 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>

3 个答案:

答案 0 :(得分:0)

因为你使用“JQuery”来标题

尝试这种方式

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

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

答案 1 :(得分:0)

你可以这样做

$('#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');
    }
});

答案 2 :(得分:0)

获取所选选项文本

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