如何用jquery给select设置默认值

如何用jquery给select设置默认值,第1张

<html>

<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("要赋的值")


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11020441.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存