呼叫時，特別選擇選項選擇

Question

我有兩個選擇菜單請求

1. 居民的樓號和
2. 他們的房間號

如果遊客選擇的最後一項功能（兩者都有相同的value,text和class），我想調用一個隱藏表單的函數並顯示一條消息。

工作正常，因爲它是也可以通過一個獨立的鏈接調用的非居民將有可能點擊的功能：（？不要住在這裏）

我不能做的工作是具有select的change()如果選擇了最後一個選項，則會調用該函數。

這裏是我的選擇代碼的簡要版本：

<form id="document-request" name="document-request" class="clearfix"> 
    <label>Your Full Name: 
     <input type="text" name="fullname" value="" class="span12" 
     required> 
    </label> 
    <label>Your Email: 
     <input type="text" name="email" value="" class="span12 email" 
     required> 
    </label> 
    <label for="building">Your Bldg &amp; Apt#:</label> 
    <select name="building" class="span2" required> 
     <optgroup label="Building"> 
      <option value="" name="building">--</option> 
      <option value="1" name="building">1</option> 
      <option value="2" name="building">2</option> 
      <option value="3" name="building">3</option> 
      <option value="4" name="building">4</option> 
      <option value="5" name="building">5</option> 
      <option value="6" name="building">6</option> 
      <option value="7" name="building">7</option> 
     </optgroup> 
     <option value="nonresident" name="building" class="dontlivehere">I Don’t Live Here</option> 
    </select> 

，這裏是jQuery的：

$('#document-request select').change(function() { 
    var theValue = $(this).child('option:selected').text(); 
    if ((theValue).contains('Live Here')) { 
     residenceAlert(); 
    } 
}); 

我也試圖通過作用於value還有class做到這一點。
我真的不需要那個dontlivehere類，它只是我試圖找到解決方案的一部分。

樣本頁面進行中可以發現here

Answer 1

.child()不是一個有效的jQuery的功能，嘗試.find()

var theValue = $(this).find('option:selected').text(); 

我會probabaly只是用這樣的：

if ($(this).find('option:selected').val() === 'nonresident') { 
    residenceAlert(); 
} 

Answer 2

不應該在該行：

if ((theValue).contains('Live Here')) { 

說：

if ((theValue).contains("I Don't Live Here")) { 

Answer 3

這個工作對我來說：

HTML：

<select id="building" name="building" class="span2" required> 
    <optgroup label="Building"> 
    <option value="" name="building">--</option> 
    <option value="1" name="building">1</option> 
    <option value="2" name="building">2</option> 
    <option value="3" name="building">3</option> 
    <option value="4" name="building">4</option> 
    <option value="5" name="building">5</option> 
    <option value="6" name="building">6</option> 
    <option value="7" name="building">7</option> 
    </optgroup> 
    <option value="nonresident" name="building" class="dontlivehere">I Don’t Live Here</option> 
    </select> 

的jQuery：

$(document).ready(function(){ 
$('select#building').change(function() { 
     var theValue = $('option:selected').text(); 
     console.log(theValue); 
     if ((theValue).contains('Live Here')) { 
     alert("it works!"); 
    } 
}); 
}); 

Answer 4

2問題：

1）子方法。

2）包含方法。

var theValue = $(this).find('option:selected').text(); 
if(theValue.indexOf('Dont Live Here') >= 0){ 
    residenceAlert() 
} 

Answer 5

瀏覽器調試器控制檯會顯示以下錯誤：

Uncaught TypeError: Object [object Object] has no method 'child' 

child()不是一個jQuery方法。

例如，將其改爲find()。

與find()更換child()之後，下一個錯誤，你可以得到，這取決於你的瀏覽器是：

Uncaught TypeError: Object has no method 'contains' 

string.contains()只有Firefox支持，使用indexOf()反而可能會更好，除非關閉當然你不」不需要支持任何其他瀏覽器。

你完整的代碼可能類似於：

$('select').change(function() { 
    var theValue = $(this).find('option:selected').text(); 
    if (theValue.indexOf('Live Here')) { 
     residenceAlert(); 
    } 
}); 

---

DEMO - 使用.find()和indexOf()

---