将Data属性传递给jquery set value to option

Question

如何使用data-attribute（例如

）设置选项值中的值

data-role_id="{{ $member->role_id }} "

当我点击模态时，它会显示

我的代码是这样的：

$('select#role_id').val($(this).data('role_id'));

但它没有显示

Answer 1

您只需找到具有相同funcTwo的{​​{1}}并设置其funcThree属性即可。请参阅以下工作代码：

＆＃13;

＆＃13;

option

＆＃13;

data-attribute

＆＃13;

＆＃13;

＆＃13;

Answer 2

当您在DOM上触发某些操作时，将使用

this关键字。请尝试以下操作。

＆＃13;

＆＃13;

$(function(){
$('select#role_id').val($('select#role_id').data('role_id'));

//or

$('select#role_id').on('change',function(){
 $('select#role_id').val($(this).data('role_id'));
})


});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Role Id:<select data-role_id='3' name='role_id' id='role_id'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select>

＆＃13;

＆＃13;

＆＃13;