2014-02-12 145 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() 
    })