使用jquery给select动态添加内容

最新推荐文章于 2024-10-22 18:46:48 发布

白矮星

最新推荐文章于 2024-10-22 18:46:48 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：随笔

本文链接：https://blog.youkuaiyun.com/white_smile/article/details/42419125

该博客介绍如何利用jQuery来动态地为select元素添加内容。通过遍历plateFirstCode数组，将每个对象的name和value属性分别作为option的文本和值，从而初始化车牌分类下拉框。

//数组
var plateFirstCode = [{name:"全部",value:1},{name:"京",value:2},{name:"津",value:2},{name:"沪",value:2},{name:"渝",value:2},
                      {name:"冀",value:2},{name:"豫",value:2},{name:"云",value:2},{name:"辽",value:2},{name:"黑",value:2},
                      {name:"湘",value:2},{name:"皖",value:2},{name:"鲁",value:2},{name:"新",value:2},{name:"苏",value:2},
                      {name:"浙",value:2},{name:"赣",value:2},{name:"鄂",value:2},{name:"桂",value:2},{name:"甘",value:2},
                      {name:"晋",value:2},{name:"蒙",value:2},{name:"陕",value:2},{name:"吉",value:2},{name:"闽",value:2},
                      {name:"贵",value:2},{name:"粤",value:2},{name:"青",value:2},{name:"藏",value:2},{name:"川",value:2},
                      {name:"宁",value:2},{name:"琼",value:2}];

/**
 * 初始化车牌分类下拉框
 * @author xulexun 2014-11-14 上午 09:10:08
 */
function initPlateClassify() {
	
	var plateClassif

最低0.47元/天解锁文章

新学期VIP享超值加赠

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

白矮星

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用jQuery向＜select＞元素添加选项

PixelLoom的博客

09-19

613

在网页开发中，经常需要通过JavaScript动态地向元素添加选项。下面是使用jQuery向元素添加选项的详细步骤和相应的源代码。在JavaScript代码中，可以使用jQuery的操作方法来添加选项。运行以上代码，将会在元素中添加两个选项：“Option 1"和"Option 2”。在HTML文件中，需要有一个元素来显示选项。这将创建一个空的元素，使用"id"属性指定其唯一标识符为"mySelect"。首先，需要在HTML文件中引入jQuery库。可以根据需要重复添加更多的选项，只需创建新的元素并使用。

jQuery为动态生成的select元素添加事件的方法

10-21

下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

jQuery动态添加删除select项(实现代码)

10-26

以下是对jQuery动态添加删除select项的实现代码进行了详细的分析介绍，需要的朋友可以过来参考下

jquery select 动态添加option

yingying0708的专栏

10-22

627

var selectlists = document.getElementsByTagName("select"); $.each(selectlists, function () { $(this).append("24:00"); });

jQuery中Select属性/动态添加/事件

nuliPerfect的博客

08-09

3566

1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_

jquery Ajax实现Select动态添加数据

01-19

jquery Ajax实现Select动态添加数据，具体内容如下 1.背景最近在工作中，遇到了一个关于select的问题。一般情况下，select下拉框中的数据都是固定的或者直接在jsp中读取列表值显示。但是，这次要实现select与别的...

JQuery给元素添加/删除节点比如select

12-04

在本篇文章中，我们将探讨如何使用 jQuery 来操作 HTML 中的 `<select>` 元素，包括获取选中项的文本、值和索引，以及添加和删除 `<select>` 的 `<option>` 节点。首先，我们来看如何获取 `<select>` 元素中选中的...

使用 jQuery 向＜select＞添加选项？

热门推荐

LZH的专栏

10-13

2万+

jQuery动态添加下拉框的值，点击网页上的按钮后，激活JQ函数，动态添加下拉框Options的值，每点击一次增加一个值，并按序号排列，一个JQ的小实例，让大家多了解一些JQ的用法。 http://www.w3.org/TR/xhtml1/DTD/xhtml1

jquery动态给下拉框select添加option

joan_yb的博客

12-09

4651

jquery动态给下拉框select添加option

JS & JQuery 动态添加 select option

黄三清的博客

04-25

4420

JS： var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i); } sid.options[sid.options.length]=new Option("1","2"); // 在最后一个值后面添加多一个 JQ...

jquery 动态添加select的option和获取选中的值

li836779537的博客

01-07

4269

jquery代码： // list的数据你可以用Ajax获取，我这块就是从后台拿到的数据，这块代码就就不放了 for (var i=0; i<list.length; i++) { $("#selectList").append("<option value='"+list[i].id+"'>"+list[i].name+"</option>"); } body里的标签： <select id="selectList"> <option valu

JQuery动态加载select下拉列表添加option数据代码参考

RoadToTheExpert的专栏

02-02

1633

发现以前的动态加载select的代码无效，部分网上搜回来的一些代码也有问题。最近开发时需要做一个动态加载HTML列表框的功能，遇到一些麻烦。重新搜索和整理了一下，写成一个完整的参考例子记录下来。复制下面代码保存为一个html文件打开运行就能测试效果。具体代码细节自行研究。

下拉列表select动态添加option和获取选中的option的值和value

withkai44的博客

11-30

7348

/动态的往select里面添加option(JS方式添加)两种方法获取选中的option的值和value。//拿到选中的option的value。//拿到选中的option的value。3、获取选中option的value。2、获取选中option的value。//Jquery动态添加option。//拿到选中的option的text。//拿到选中的option的text。2、获取选中的option的索引值。4、获取选中option的text。3、获取选中option的text。

jquery给select添加事件

09-10

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画以及Ajax交互。在使用 jQuery 给 `<select>` 标签添加事件时，我们可以利用 jQuery 提供的选择器和事件绑定方法来实现。以下是几种常见的给 `<select>` 添加事件的方法： 1. `change` 事件：当 `<select>` 的选项发生变化时触发。 ```javascript $('select').change(function() { // 当选择框的选项发生变化时执行的代码 var selectedValue = $(this).val(); // 获取选中的值 console.log(selectedValue); }); ``` 2. `focus` 事件：当 `<select>` 获得焦点时触发。 ```javascript $('select').focus(function() { // 当选择框获得焦点时执行的代码 console.log('选择框获得焦点'); }); ``` 3. `blur` 事件：当 `<select>` 失去焦点时触发。 ```javascript $('select').blur(function() { // 当选择框失去焦点时执行的代码 console.log('选择框失去焦点'); }); ``` 4. `keydown` 事件：当用户按下键盘按键时触发。 ```javascript $('select').keydown(function(e) { // 当用户按下键盘按键时执行的代码 console.log('按键按下，键码为:', e.keyCode); }); ```