Задание данных-цели после выпадающего списка

Question

Было интересно, может ли кто-нибудь помочь мне в этом. Я пытаюсь вызвать data-target="#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() 
});