我有一个带有多个选项的选择器。页面上还有一个带有数字值的元素。我需要将SELECTED属性添加到与元素中的值匹配的选项。
var myVal = $(this).closest('.panel').find('.dist').text();
$(this).closest('.panel').find('.mySelector option[value='+myVal +']').prop('selected', 'selected');
<select class="mySelector">
<option>1
<option>2
<option>3
</select>
<span class="dist">3</span>
我想我缺少了一些东西...
您的选项标签缺少value属性和结束标签。
我已经稍微修改了您的示例,并添加了一个按钮来演示解决方案。
$("#selectButton").click(function() {
var myVal = $(this).closest('.panel').find('.dist').text();
$(this).closest('.panel').find('.mySelector option[value='+myVal +']').prop('selected', 'selected');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="panel">
<select class="mySelector">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<span class="dist">3</span>
<input id="selectButton" type="button" value="select option" />
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句