2012-08-16 38 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(); 
相關問題