Question

<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适用于选择。我需要选择槟城选项。

可以这样做：

$('trigger').text();

我的问题是，我还有另一个使用幻想的下拉菜单。当i $（'触发'）。text（）;我从两个人那里得到了文字。我如何分开它，我需要单独使用它们。

Answer 1

Jquery可能会返回它找到的与选择器$（'。trigger'）

匹配的第一个元素

您需要做的是抓住被点击的元素，然后使用兄弟选择器

e.g。

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

Answer 2

试试这个：

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

此外，您需要使用.定位课程，因此您需要$('.trigger')代替$('trigger')

Answer 3

试试这个

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

Answer 4

你可以在div中包装每个花哨的下拉，然后调用子触发器，例如。

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

然后您可以使用

进行选择

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

从fancified选择选项中选择选项文本

4 个答案: