Question

我想在javascript / jquery的select选项列表中设置'selected'属性。我在jquery对象中有select元素，我只想添加＆＃34; select＆＃34;属性到列表中的项目。

$(mySelect).html()看起来像这样;

<option value="LININGER LAKE">LININGER LAKE</option>
<option value="MOOREDALE LAKE">MOOREDALE LAKE</option>
<option value="CARTER LAKE">CARTER LAKE</option>

我需要找到＆＃34; CARTER LAKE＆＃34;选项并将选定的属性添加到其中，以便HTML看起来像这样

<option value="LININGER LAKE">LININGER LAKE</option>
<option value="MOOREDALE LAKE">MOOREDALE LAKE</option>
<option value="CARTER LAKE" selected="selected">CARTER LAKE</option>

我知道这可能不会那么难，我只是有一个大脑放屁！

Answer 1

使用jQuery Attribute Equals selector：

$(mySelect).find('option[value="CARTER LAKE"]').prop("selected", "selected");

Answer 2

尝试.contains()，如图所示

 $("select option:contains('CARTER LAKE')").attr('selected','selected')

OR

 $("select option:contains('CARTER LAKE')").prop('selected',true)

DEMO

Answer 3

$('option[value="CARTER LAKE"]').prop( "selected" );

或

$('option[value="CARTER LAKE"]').attr( "selected", "selected" );

Answer 4

就像$(mySelect).val('CARTER LAKE')

一样简单

Demo

Answer 5

尝试 attr()

$(document).ready(function(){
  
$('option[value="CARTER LAKE"]').attr( "selected", "selected" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="LININGER LAKE">LININGER LAKE</option>
<option value="MOOREDALE LAKE">MOOREDALE LAKE</option>
<option value="CARTER LAKE">CARTER LAKE</option>
  </select>

如何将属性添加到HTML字符串

5 个答案: