[英]How to re populate drop-down field in JavaScript?
请仔细检查我的代码:
JavaScript的
var myColor = 'blue'; //This is dynamic
var str1 = 'Color: <select name="chat_color" id="chat_color"><option value="red">Red</option><option value="green">Green</option><option value="blue">Blue</option><option value="yellow">Yellow</option></select>\n\
\n\
<input type="submit" class="loginbox-btn" value=" Save Color ">';
$('#example').html(str1);
在JavaScript代码上方,我的颜色当前为blue
因此我想在example
div ID中显示html,并在下拉选项中选择“ Blue
。
谢谢
您可以在选择元素上使用.val():
var myColor = 'blue'; //This is dynamic var str1 = 'Color: <select name="chat_color" id="chat_color"><option value="red">Red</option><option value="green">Green</option><option value="blue">Blue</option><option value="yellow">Yellow</option></select>\\n\\ \\n\\ <input type="submit" class="loginbox-btn" value=" Save Color ">'; $('#example').html(str1).find('#chat_color').val(myColor);
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <div id="example"></div>
您可以检查颜色并设置HTML属性selected =“ selected”
var myColor = 'blue'; //This is dynamic
var str1 = 'Color: <select name="chat_color" id="chat_color"><option value="red"'+(myColor == 'red'?' selected="selected"':'')+'>Red</option><option value="green"'+(myColor == 'green'?' selected="selected"':'')+'>Green</option><option value="blue"'+(myColor == 'blue'?' selected="selected"':'')+'>Blue</option><option value="yellow"'+(myColor == 'yellow'?' selected="selected"':'')+'>Yellow</option></select><input type="submit" class="loginbox-btn" value=" Save Color ">';
$('#example').html(str1);
尝试这个:
......//Rest of your code
$('#example').html(str1);
$('#chat_color').val(myColor); //Value of select is myColor
在这里摆弄。
您可以找到正确的元素并将其选中,如下所示:
$("input[value=" + myColor + "]").prop("selected", "selected");
您可以使用.val( value )
设置匹配元素集中每个元素的值。
因此,您需要做的就是将下拉列表添加到<div id='example'></div>
$('#example').html(str1);
$("#chat_color").val(myColor);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.