.html() 如何仅显示 select 的选定选项？

Question

当我做 $("#form").html() 我的 output 是；

<select id="Select1" name="Select1">
<option value="Data1">Data1</option>
<option value="Data2">Data2</option>
<option value="Data3">Data3</option>
<option selected="selected" value="Data4">Data4</option>
</select>

但是当我调用.html() function 时，我只想像这样获得 select 的选定选项；

<select id="Select1" name="Select1">
<option selected="selected" value="Data4">Data4</option>
</select>

我怎么能用.html() function 做到这一点？

Answer 1

您可以使用选择器获得选定的选项：selected ： https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option /

 let selectedOption = $("#form #Select1 option:selected"); let selectedOptionParent = selectedOption.parent()[0]; let selectedOptionTag = selectedOption[0]; let selectedOptionVal = selectedOption.val(); console.log(selectedOptionParent); console.log(selectedOptionTag); console.log(selectedOptionVal);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="form"> <select id="Select1" name="Select1"> <option value="Data1">Data1</option> <option value="Data2">Data2</option> <option value="Data3">Data3</option> <option selected="selected" value="Data4">Data4</option> </select> </form>