【JavaScriptSelect和Option列表元素上下左右移动_表单特效】教程文章相关的互联网学习教程文章

下拉框select的绑定示例

根据文本绑定textvar locationCity = productViewObj.Product.LocationCity; var countCity = $("#slCity option").length; for (var i = 0; i < countCity; i++) { if ($("#slCity").get(0).options[i].text == locationCity) { $("#slCity").get(0).options[i].selected = true; break; } }根据值绑定valuevar deliveryTemplateID = productViewObj.Product.DeliveryTemplateID; var deliveryCount = $("#deliverySelect ...

jquery制作select列表双向选择示例代码

jquery制作的select列表双向选择,兼容性肯定是不错的,需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="http://code.jquery.com/jquery-...

一个不错的仿携程自定义数据下拉选择select

这是一个仿携程自定义的数据下拉选择select,对一些比较重要的参数进行的描述,方便初学者 /* *id : id 当前插件的父元素 *data : json 选择的数据(json格式) *bool : true/false data数据如果要分离成两个 值为true *config : 配置data的内部对象(type在bool为true的时候生效) { id : 数据字段, name : 数据名称, alias : 数据名称首字母, type : 数据类型 } *fn : function fn(){} 回调函数,点击生成标签的时...

jQuery根据ID获取input、checkbox、radio、select的示例

input: var xxx = $(#ID).val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $(input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); });注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择: ====== $(#con_id input...

js触发select onchange事件的小技巧

select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件, 例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById("province").value="湖北";直接给select或text赋值是不行的,要想实现手动触发onchange事件,需要在js给select赋值后,加入下面的语句 document.getElementById("province").fireEvent(onchange)...

js动态改变select选择变更option的index值示例

document.getElementById("louyuming").options[0].selected=true;function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; }Javascript 操作select是表单中常见的一种,今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删...

jQuery取得设置清空select选择的文本与值

获取select : 获取select 选中的 text :$("#ddlregtype").find("option:selected").text();获取select选中的 value:$("#ddlregtype ").val();获取select选中的索引:$("#ddlregtype ").get(0).selectedindex;设置select: 设置select 选中的索引:$("#ddlregtype ").get(0).selectedindex=index;//index为索引值设置select 选中的value:$("#ddlregtype ").attr("value","normal“); $("#ddlregtype ").val("normal"); $("#ddlregty...

IE8下Jquery获取select选中的值post到后台报错问题

我们一般使用jquery获取select时,一般这么用: <select id=a> <option selected=selected value=1> </select> var selectedValue = $("#a").val();在非IE8下,selectedValue的值为“1”,typeof selectedValue 为“string”。 在IE8下,selectedValue的值为[“1”],typeof selectedValue 为 “objectg”。 如果直接将selectedValue post发送到后台,后台接收时会报错,因为在传输过程中,IE8下selectedValue当成了数组,后台无...

jquery的clone方法应用于textarea和select的bug修复

测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,上不了的可以看下代码,比较简单。就是在clone的时候将val再重新赋值一下,如果知道这个了,就简单了自己写。 引入到你要用的clone的页面就ok jquery.fix.clone.js (function (original) { jQuery.fn.clone = function () { var result = original.apply(this, arguments), my_textareas = this.find(tex...

select多选 multiple的使用示例

代码如下:<html> <head> <script type="text/javascript"> function showDiv(id){ document.getElementById("selectOption").style.display="block"; document.getElementById("selectOption").style.position="absolute"; document.getElementById("selectOption").style.top=document.getElementById(id).offsetTop+25; document.getElementById("selectOption").style.left=document.getElementById(id).offsetLeft+20; } funct...

jQuery select表单提交省市区城市三级联动核心代码【图】

jQuery select表单提交省市区城市三级联动,引用的是“jquery-1.7.min”类库,地区码查询地区名用数组存在AreaData_min,下面摘要部分代码: SelectArea.htm文件 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...

jquery控制select的text/value值为选中状态

每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。 比如<select class="selector"></select> 1、设置value为“全部“的项选中 代码如下:$(".selector").val("全部"); 2、设置text为“全部“的项选中 代码如下:$(".selector").find("option[text=全部]").attr("selected",true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 ...

jQuery操作select下拉框的text值和value值的方法

1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3、jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4、jquery设置索引值为1的项为当前选中项 $("#slc1 ").get(0).selectedIndex=1; 5、jquery设置value值2的项为当前选中项 $("#slc1 ").val(2); 6、jquery设置text值为"青...

两个多选select(multiple左右)添加、删除选项和取值实例【图】

不知道怎么描述,就是有两个select下拉,做成文本域那样的,可以从一侧的结果集中选择值,添加到另一侧中;另一侧删掉后,值又重新到结果集那边了。直接看范例演示吧,相信你以前后者以后会用到的! 不多说了,上代码: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=...

js获取select默认选中的Option并不是当前选中值

js函数方法: 代码如下:<script> function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ), opts; try { opts = document.getElementById(selectId).getElementsByTagName(option); for (var i in opts) { if (opts[i].defaultSelected) { dom = opts[i]; break; } } } catch (e) { } return dom||valIfNull; } </script> Demo: 代码如下:<body> <select id="sel"> <option v...

SCRIPTS - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部