2015-05-20 33 views
0

這裏是我的HTML:jQuery的 - 試圖選擇選項菜單時包含問題

<select name="Pcolor" id="image" style="height:30px;"> 
    <option value="">Избран цвят: Grey M/Navy </option> 
    <option value="48503341" color-number="0">Black/Charcoal</option> 
    <option value="48503326" color-number="1">Charcoal M/Blk</option> 
    <option value="48503325" color-number="2">Grey M/Navy</option> 
    <option value="48503351" color-number="3">Navy/Grey M</option> 
</select> 

這裏是我的javascript:

var TargetText = "Charcoal M/Blk"; 
var ColorSelectt = $('#image').find('option:contains(TargetText)').attr("color-number"); 
alert(ColorSelectt); 

隨着顯示我從選擇菜單獲取屬性的Javascript代碼選項,但只有當我的目標Grey M/Navy我得到的迴應undefined。在所有其他情況下,代碼運行良好,爲什麼?

你能幫我解決這個問題嗎?

提前致謝!

+0

此事這個問題是另一個跳過搜索第一個選項。正如你可以看到我不問如何選擇屬性ID,在我的問題中描述了另一個問題! –

+0

我在上一個問題中給你的代碼仍然有效。 [小提琴](https://jsfiddle.net/oreyuvmx/1/),下面的答案也是如此。 – Liam

回答

4

使用以下代碼。你需要使用Concat的+

注意TargetText變量:如討論答案是更新使用:gt(0)

檢查DEMO

var TargetText = "Grey M/Navy"; 
var ColorSelectt = $('#image').find('option:gt(0):contains("'+TargetText+'")').attr("color-number"); 
alert(ColorSelectt); 
+0

仍然得到'undefined' .. –

+1

檢查我的小提琴演示 –

+0

不要嘗試與'灰色M /海軍'海軍/灰色M'嘗試與我說的最後一個我沒有問題,嘗試與'灰色M /海軍'!!! –