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

Question

我想使用javascript / jquery在选择选项列表中设置'selected'属性。 我在jquery对象中有select元素，我只想向列表中的item添加“ selected”属性。

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

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

我需要找到“ CARTER LAKE”选项并将其添加到所选属性，以便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选择器 ：

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

Answer 2

如图所示尝试.contains()

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

要么

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

演示

Answer 3

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

要么

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

Answer 4

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

演示版

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>