如何从e.currentTarget.value JQuery

我正在尝试从currentTarget的孩子那里获取一个属性。我试过这个， （e.currentTarget.child.attr("data-english"）

我用谷歌搜索了它并且没有找到任何有用的东西，也许它是我的新代码，我可能会查找错误的东西。

这是HTML

 < select class="form-control" id="select_fundFamily"     name="select_fundFamily" autocomplete="off" >
  < option value="stuff" data-english="english" data-family-locallang="model" >

目前在JQuery中，e.currentTarget.value;显示了select元素。

有人可以告诉我解决这个问题的途径吗？

最佳答案：

3 个答案:

答案 0 :(得分：4)

对于select中所选选项的值，您可以使用

$(e.currentTarget).find(':selected').attr("data-english");

运行下面的代码段以查看其是否有效

$(document).ready(function(){
    $('select').change(function(e){
         var eng = $(e.currentTarget).find(':selected').attr("data-english");
        $('body').append(eng);
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select_fundFamily"> 
    <option selected disabled>Select something</option>
    <option value="stuff1" data-english="english1" >1</option>
    <option value="stuff2" data-english="english2" >2</option>
    <option value="stuff3" data-english="english3" >3</option>
    <option value="stuff4" data-english="english4" >4</option>
    <option value="stuff5" data-english="english5" >5</option>
</select>

答案 1 :(得分：2)

如果您尝试确定所选选项的属性。一个简单的解决方案是：

var dataEnglish = $('#select_fundFamily option:selected').attr('data-english'); // dataEnglish = english

答案 2 :(得分：1)

currentTarget将响应事件侦听器触发事件​​的任何元素。在你的情况下，我认为你想使用e.target来定位正确的元素。

$("select#select_fundFamily").on('click','option', function(e) {
    e.preventDefault();
    $(e.target).attr('data-english'); // you can use $(this) instead
    //something else
});