在进行下拉选择后触发数据目标

时间:2015-07-16 15:38:14

标签: javascript drop-down-menu selection

想知道是否有人可以帮助我。在用户从下拉列表中进行选择后,我尝试触发data-target="#language-change"。让我们说例如选择的语言是西班牙语。

#language-change链接到一个模态。

这是我的HTML代码:

<div class="my-select">
    <select name="setting-dropdown" class="application-default">
        <option data-toggle="modal" data-target="#language-change" value="EN" selected="english"> English US </option>
        <option data-toggle="modal" data-target="#language-change" value="GB">English GB</option>
        <option data-toggle="modal" data-target="#language-change" value="ES">Español</option>
        <option data-toggle="modal" data-target="#language-change" value="FR">Français</option>
    </select>
</div>

我的基本JavaScript代码:

// Modal is triggered after a language is selected.
$('.my-select>select').change(function(){
    if ($(this).val() == 'ES').data("target").show()
});

先谢谢

1 个答案:

答案 0 :(得分:0)

你的意思是??

$('.my-select>select').change(function(){
    if ($(this).val() == 'ES')
          $($('.my-select>select option:selected').attr("data-target")).show()
});