如何將屬性添加到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>