javascript - 如何从下拉标记字符串中检索选定的值？

Question

我有一个字符串，其中有下拉标记。我从服务器端收到下拉标记字符串，现在我必须检索选定的值。 例如我有这个

var drop = " <select><option value=\"volvo\">Volvo</option> <option value=\"saab\" selected>Saab</option><option value=\"mercedes\">Mercedes</option><option value=\"audi\">Audi</option></select> "; 

变量 drop 有下拉标记，我想要选定文本值的值。在这种情况下，选择了“Saab”，我想要它的值为“saab”。那我该怎么做呢？

Answer 1

您可以使用 filter() 获取 select 标签和 val() 获取选择的值

var drop = " <select><option value=\"volvo\">Volvo</option> <option value=\"saab\" selected>Saab</option><option value=\"mercedes\">Mercedes</option><option value=\"audi\">Audi</option></select> "; 

document.write($(drop).filter('select').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

因为只有 select 标签，你可以使用 $(drop).val()

var drop = " <select><option value=\"volvo\">Volvo</option> <option value=\"saab\" selected>Saab</option><option value=\"mercedes\">Mercedes</option><option value=\"audi\">Audi</option></select> "; 

document.write($(drop).val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>