jQuery生成select下拉列表

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>    <script type="text/javascript">        $(function () {            var $select = $("#slt");            var id = new Array(1, 2, 3);            var val = new Array("北京", "天津", "上海");

            for (var i = 0; i < id.length; i++) {                $select.append("<option value=" + id[i] + ">" + val[i] + "</option>");            }            //通过下拉列表中option的value值来进行默认选中            //$select.find("option[value=3]").attr("selected",true);            //通过下拉列表中包含的文本内容来进行默认选中            $select.find("option:contains(‘上海‘)").attr("selected", true);        })    </script></head><body><select id="slt">    <option value="0"></option></select></body></html>

原文地址：https://www.cnblogs.com/kukai/p/10958814.html

时间： 2024-10-17 21:03:45

jQuery生成select下拉列表的相关文章

jQuery还原select下拉列表和清空input的值

实现用jQuery还原select下拉列表的值,用了很多种方式,花了一些时间,最后重要找到一种可以实现的方式, 页面上有这些内容 <select id ="level" name = "level"> <option selected="selected" value="">请选择</option> <option value="1">高</option

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

jquery easyui校验select下拉列表值是否为空的问题

属性名类型描述默认值 required 布尔定义文本域是否为必填项 false validType 字符串定义字段的验证类型,比如email, url, etc. null missingMessage 字符串当文本框为空时提示的文本信息 This field is required. invalidMessage 字符串当文本框内容不合法时提示的文本信息 null required只表示文本框中是否有内容,easy ui的select框渲染完后会自动添加一个文本框用于输入,如下

jQuery动态加载select下拉列表

说明:以前使用的select下拉列表都是静态的,select 的option数据都是写死的.现在项目中的select需要根据不同的场景使用不同的数据,解决方式就是动态加载option数据. 下面步骤介绍了如何从数据库获取数据,并动态的在前端显示. 步骤一:jsp页面静态的select: <div> <select id="selectSM"> <option>选择A</option> <option>选择B</optio

jquery ajax生成Select

function DropDownList(url, domId, defaultValue) { /// <summary> /// ajax生成select /// </summary> /// <param name="url">数据请求路径</param> /// <param name="domId">dom元素id</param> /// <

jquery操作select(取值，设置选中）

最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料一.基础取值问题例如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").

JAVA EE 项目经常使用知识之AJAX技术实现select下拉列表联动的两种使用方法（让你真正理解ajax）

ajax 下拉列表联动的使用方法. ajax的定义: AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步更新.这意味着能够在不又一次载入整个网页的情况下,对网页的某部分进行更新. ajax效果的一个样例: 区域为空的时候,维护人情况: 选了一个区域后的情况:(选舒城县联带出来的维护人员小刘) 一.原生态的js实现 XMLHttpRequest 是 AJAX 的基础 XMLHttpRequest 对象全部现代浏览器均支持 X

浅谈jquery关于select框的取值和赋值

浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取

jquery关于select框的取值和赋值

jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取Select选中项的Text var check