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

时间:2015-09-09 03:59:26

标签: javascript jquery html

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

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具有下拉列表的标记,我想要所选文本值的值。在这种情况下,&#34; Saab&#34;被选中,我希望它的值是&#34; saab&#34;。那我该怎么做呢?

2 个答案:

答案 0 :(得分:4)

您可以使用 filter() 获取select代码, val() 获取所选值

&#13;
&#13;
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());
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

由于只有select标记,您可以使用$(drop).val()

&#13;
&#13;
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());
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

如果你正在使用jquery,并且你不介意一点点开销(来自jQuery编译字符串),只需执行以下操作就可以正常工作:

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> "

var value = $(drop).val();
然后

val()将返回所选选项的值。