<head>
<meta charset="utf-8">
<title>Demo</title>
<script src="https://cdn.bootcss.com/jquery/1.8.0/jquery.js "></script>
</head>
<body>
<p>
<span>通过标签设置默认选中:</span>
<select name="box1" id="box1">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
</p>
<p>
<span>通过Jquery默认选中:</span>
<select name="box2" id="box2">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
</select>
</p>
<script type="text/javascript">
$(function(){
$("#box2").val(2)
})
</script>
</body>
</html>
项目中用到通过ajax请求数据然后给select赋值,由于经常遇到类似的代码,在这里把整个过程记录一下。首选发出ajax请求如下:
复制代码
<script type="text/javascript">
$(function () {
$.post("../../tools/yiliaofuwu.ashx", { "action": "one" }, function (data) {
var table = data.r
$("#in_class1").empty()//首先清空select现在有的内容
$("#in_class1").append("<option selected='selected' value=0>请选择..</option>")
for (var i = 0i <table.lengthi++) {
var item = table[i]
// var option = $("<option value="+item.id+">"+item.name+"</option>")
$("#in_class1").append("<option value=" + item.Id + ">" + item.Name + "</option>")
}
//返回的是json格式的数据
}, "json")
})
</script>
复制代码
后台逻辑处理的代码如下:
View Code
用选择器选择要赋值的元素,然后调用指定的方格给他的各个属性赋值就可以了,举例给个id为text1的文本框的value赋值就是var oTxt1=$("#text1")
oTxt1.val("要赋的值")
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)