控制台无法获取下拉框当前选项

Question

        <select id="lockStatus" style="width: 150px; display: none;" comboname="lockStatus">
            <option value="">全部</option>
            <option value="0">未锁定</option>
            <option value="1">已锁定</option>
        </select>

在控制台中输入如下代码均无法获得页面上看到的选项内容：
$('#lockStatus option:selected').text();//总是显示“全部”，而非页面看到的选项
$('#lockStatus').val();//总是显示“”
$('#lockStatus').text();//显示'\n\t\t\t全部\n\t\t\t未锁定\n\t\t\t已锁定\n\t\t'
请问：如何通过代码获取网页上当前选项的内容？以及如何将网页当前选项替换为另外一个选项？

Answer 1

该回答引用ChatGPT，希望对题主有所帮助，如有帮助，还望采纳。

---

可以尝试使用以下代码获取当前选中的选项内容：

$('#lockStatus').find('option:selected').text();

在替换当前选中的选项时，可以使用以下代码将选项值设置为指定的值：

$('#lockStatus').val('newValue');

如果需要同时更新选项文本，可以结合使用.text()方法和选择器来实现：

$('#lockStatus').val('newValue').text('New text');