Javascript jQuery下拉列表值根据变量的不同而变化
我有一个下拉列表Javascript jQuery下拉列表值根据变量的不同而变化,javascript,jquery,html,Javascript,Jquery,Html,我有一个下拉列表 <select class="form-control" id="defectstatus" name="defectstatus"> <option selected="selected" value="Pick One">Select Defect Status</option> <option value="New">New</option> <option value="Needs mo
<select class="form-control" id="defectstatus" name="defectstatus">
<option selected="selected" value="Pick One">Select Defect Status</option>
<option value="New">New</option>
<option value="Needs more info">Needs more info</option>
a的值为
New
我想做的是这样的事情
$("#defectstatus").val(a);
然后,我的下拉列表defectstatus会将默认选择更改为New,而不是选择一个您尝试更改
$(“#答案”).text()
而不是$(“#答案”).html()代码>据我所知,您试图选择值为(新)且可使用的选项
$("#defectstatus > option[value='"+ a +"']").prop('selected' , true);
你所做的看起来是可行的,但我想你的代码可能是在HTML加载之前执行的,因此找不到#答案
您可以将代码包装在$(function(){/*code*/})中
以确保在文档准备就绪时执行
(现场示例:)Nevermind。没有看到输出值吗?您所拥有的一切似乎都很正常:。问题是什么?这正是我想要的,但仍然不起作用。选择的下拉列表不起作用change@Chong也许您需要修剪html()以避免左空格和右空格。。您可以使用=$.trim($(“#答案”).html();
$("#defectstatus > option[value='"+ a +"']").prop('selected' , true);