通过变量更改选定的选项

Question

<div class='titlewrap' data-status = 'public'>PUBLIC</div>
<div class='titlewrap' data-status = 'private'>PRIVATE</div>

<select id='selstatus'>
<option value = 'public'>PUBLIC</option>
<option value = 'private'>PRIVATE</option>
</select>

JS代码

我需要通过点击data status的titlewrap的值更改所选选项。

就像是

$('.titlewrap').click(function(){
    var status = $(this).data('status');
    $('#selstatus').selectedOption(status);
});

有帮助吗？

Answer 1

只需使用.val()设置select值

$('.titlewrap').click(function() {
  var status = $(this).data('status');
  $('#selstatus').val(status);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='titlewrap' data-status='public'>PUBLIC</div>
<div class='titlewrap' data-status='private'>PRIVATE</div>

<select id='selstatus'>
<option value = 'public'>PUBLIC</option>
<option value = 'private'>PRIVATE</option>
</select>