2014-04-01 96 views
2

我正在使用select下拉菜單。我在值中使用了ids,在選項標籤內容中我使用了一個字符串。現在我想爲一個字符串使用jQuery如何匹配jQuery中的字符串

這裏匹配是代碼:

<select id="options-1" class=" product3090 options" name="products[3090][options][]"> 
    <option value="">Select an option</option> 
    <option value="1">Personal Use - Digital</option> 
    <option value="2">Small Organisational License</option> 
    <option value="4">Medium Organisational License</option> 
    <option value="5">Large Organisational License</option> 
    <option value="6">University/College License</option> 
    <option value="7">Personal Use - DVD</option> 
</select> 

當我改變一下降下來的jQuery它提醒我所有的值正常。現在,我想匹配「組織」二字,如果本場比賽它提醒我「是」其他「否」

這裏是我的jQuery代碼:

<script type="text/javascript"> 
$(document).change(function() { 
    var theValue = $("#options-1").text(); 

    //alert(theValue); 

    if(theValue.indexOf("Organisational") > -1){ 
     alert("Yes"); 
    } 
    else{ 
     alert("No"); 
    } 

}); 
</script> 

當我選擇其中任何一個它總是提醒我是。我能做些什麼,什麼想法

+0

爲什麼'$(文件).change(函數(){'? –

+0

它應該是'$(「#options-1」)。change' not'$(document).change'。檢查此http://jsfiddle.net/PN8Re/ –

回答

2

嘗試

var theValue = $("#options-1 option:selected").text(); 

獲取選中的選項。


您可以將更改處理select元素

$('#options-1').change(function() { 
    var theValue = $(this).find('option:selected').text(); 
    if (theValue.indexOf("Organisational") > -1) { 
     alert("Yes"); 
    } else { 
     alert("No"); 
    } 
}); 
+1

Thanx很多@Tushar Gupta豎起大拇指 – Nadeem

+0

@Nadeem很高興它幫助:) –

+0

Tushar你能告訴我爲什麼我用這個> -1,因爲我從另一個教程複製這個我沒有得到這個 – Nadeem

3

使用$("#options-1 option:selected").text();獲得所選選項的文本。

$("#options-1").text()將文本從select中的所有選項中返回。

也改變$(document).change$('#options-1').change

$('#options-1').change(function() { 
var theValue = $("#options-1 option:selected").text(); 
if(theValue.indexOf("Organisational") > -1){ 
    alert("Yes"); 
} 
else{ 
    alert("No"); 
}}); 

Working Demo

+1

Thanx很多@Milind Anantwar – Nadeem

2

$("#options-1").text()會給內部select每一個選項,你的文本內容。

在你的情況,你需要得到僅所選選項的文本,所以你可以做:

var theValue = $("#options-1").find('option:selected').text(); 

代替:

var theValue = $("#options-1").text(); 

此外,您需要更改事件附加到所述select元件代替document

$("#options-1").change(function() { 

Fiddle Demo

+0

Thanx很多@Felix – Nadeem

+0

很高興幫助兄弟: - ) – Felix

2
$("#options-1").change(function() { 

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

    alert(theValue); 

    if(theValue.indexOf("Organisational") > -1){ 
     alert("Yes"); 
    } 
    else{ 
     alert("No"); 
    } 

}); 

Fiddle

+0

Thanx很多@Sudhar – Nadeem