2012-08-16 72 views
0

我试图通过第一个中选择的内容来更改第二个select语句。使用jQuery从选择标签中抓取文本

这是我当前的代码,它不工作:

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>

+0

使用'.change()'事件抢的价值选择框。 http://api.jquery.com/change/,我想你想动态选择框,请访问链接,以实现该http://blog.webtech11.com/2012/03/04/dynamic-select-box -with-php-and-jquery.html – 2012-08-16 03:37:52

+0

你如何调用'getSchedText'? 。是否有更改事件处理程序? – Diode 2012-08-16 04:09:47

回答

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'); 
    } 
}); 
+0

没有工作。还要别的吗? – 2012-08-16 04:24:10

+0

对我有用,你是否已经从onclick中删除了这个函数,并将上面的代码片段放在$(document).ready(function(){...})中? – 2012-08-16 04:33:59

+0

啊,有一个错位的分号,去图。谢谢您的帮助! – 2012-08-16 04:44:49

0

既然你把标题使用“JQuery”

尝试用这种方式

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

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

要获得所选选项的文本

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