下拉选择后触发数据目标

Question

想知道是否有人可以帮助我。我试图在用户从下拉列表中进行选择后触发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()
});

在此致谢

Answer 1

你的意思是这个？？

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