2014-02-12 197 views
0
<select id="from" name="from" required="required" class="fancified"> 

<option value="1">abc</option> 
<option value="2">fgh</option></select> 

<div class="trigger">abc</div> 

<select id="to" name="to" required="required" class="fancified"> 

<option value="1">yuo</option> 
<option value="2">ioj</option></select> 

<div class="trigger">yuo</div> 

因爲fancybox應用於選擇。我需要得到檳城選擇的選項。從fancified選擇選項中選擇選項文本

這是可以做到這樣:

$('trigger').text(); 

我的問題是,我還有一個下拉使用fancified。當我$('trigger')。text();我從兩個文本中獲取文本。我怎樣才能分開它,我需要兩個人分開。

回答

0

試試這個:

$('.fancified').change(function() { 
    var text = $(this).next().text(); 
}); 

而且你需要使用.目標類,所以你需要,而不是$('.trigger')$('trigger')

0

試試這個

$(".fancified option:selected").text(); 
+0

是的,例如abc和cdf從兩個中選擇。然後我得到這樣的abccdf。我怎麼能把它分開? – jyoti

+0

在您的代碼中顯示兩個選項,我只能看到一個.. – zzlalani

0

你可以換每個看起來在一個div下降,然後調用子觸發器,例如

<div id="trg1"> ... fancy1 ...</div> 
<div id="trg2"> ... fancy2 ...</div> 

然後,您可以選擇使用

$('#trg1 trigger').val() 
$('#trg2 trigger').val() 
+0

我已經有val中的id,所以我不能那樣做 – jyoti

1

jQuery是可能返回發現該選擇$(「觸發」)

什麼,你需要做的是相匹配的第一個元素抓住被點擊的元素,然後可能使用兄弟選擇器

例如

$('#from').on('change', function(event){ 
    $(event.target).siblings('.trigger').text() 
    })