关于select元素的一些基本知识
为select元素绑定值的几个方法:
一、通过字符串拼接,让后追加到select元素下,
二、通过DOM创建option元素,为其绑上value值和文本:
 function loadProvinve() {
     $.get('Handler/GetProvinceHandler.ashx', function (result) {
         var oJson = eval("(" + result + ")");
         var oProvinve = document.getElementById('province');
         for (var i = 0; i < oJson.length; i++) {
             var oPtion = document.createElement('option');
             oPtion.setAttribute('value', oJson[i].ID);
             var option_text = document.createTextNode(oJson[i].Text);
             oPtion.appendChild(option_text);
             oProvinve.appendChild(oPtion);
         }
     });
 }
三、同过Option对象创建,
$.get("Handler/GetHospitalTypeHandler.ashx", function (result) {
    var jsonStr = eval("(" + result + ")");
    for (var i = 0; i < jsonStr.length; i++) {
        oScType.options[i] = new Option(jsonStr[i].text, jsonStr[i].id);
    }
});
它还有内置的方法add,可以把上面循环中的代码写成下面的(上面是根据索引添加的,下面是在现有基础上累加的)
oSelect.options.add(new Option(oJson[i].Text, oJson[i].ID));
关于select元素的一些基本知识的更多相关文章
- select元素中设置padding效果
		
更新2016-9-17:这个bug是在mac os上的发生,在window系统中不存在这个问题! 给select元素增加:padding-left:20px;但是未生效,如下图所示: 在select上 ...
 - select元素javascript常用操作 转
		
/*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...
 - jquery的select元素和option的相关操作
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - 自己写的select元素可编辑、可筛选JQuery插件 jquery.inputselectbox.js
		
/* 功能:实现对select下拉框可输入的功能, 输入时会对下拉框的内容进行动态过滤. 参数:没有选择任何值时默认显示的文字 如何使用:$("#firstLevel").inpu ...
 - Mybatis --- 映射文件、参数处理、参数值的获取、select元素
		
映射文件:指导着MyBatis如何进行数据库增删改查, 有着非常重要的意义: - cache 命名空间的二级缓存配置 - cache-ref 其他命名空间缓存配置的引用. - result ...
 - 【笔记】css 自定义select 元素的箭头样式
		
原文链接:https://www.imooc.com/qadetail/187585?t=281881 最近项目需要自定义select 元素的样式,搜索了一下发现了通过设置select 元素 css ...
 - javascript操作select元素一例
		
熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮. 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重 ...
 - innerHTML和innerText的区别,以及select元素中怎么取出被选中的option。
		
一.innerHTML和innerText的区别. 元素.innerHTML = 字符串,是将一对或一个标签所标识的内容全部替换为所赋予的字符串,如果字符串中有标签,浏览器将自动识别其中的标签. 元素 ...
 - select元素添加option的add()方法   |   try{}catch{}
		
1.javascript中的select元素添加option使用add()方法 select的add方法,第一个参数是需要被添加的option元素,第二个参数决定了被添加的位置 普通浏览器中,第二个参 ...
 
随机推荐
- Java------------运算符优先级速记口诀
			
单目乘加位关系,逻辑三目后赋值. 单目:单目运算符+ –(负数) ++ -- 等 乘加(乘除加减):算数单目运算符* / % + - 位:位移单目运算符<< >> 关系:关系单 ...
 - Android测试框架1(非原创)
			
1.继承AndroidTestCase :public class JunitTest3 extends AndroidTestCase {} 2.在AndroidManifest.xml清单文件中添 ...
 - nginx和apache的特点优点和使用场景
			
Apache Apache是世界使用排名第一的Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一. Apache源于 ...
 - silverlight 双坐标轴
			
public void CreateLine(Grid oGrid, string sTitle, string sTableName, bool ifGetSig, string sYUint, s ...
 - visual studio 未将对象引用设置到对象的实例
			
我今天在win10上安装了Visual Studio 2015,结果新建项目后在模板中选择一项后就会弹出一个对话框: 查了许多种方法后,下面这个方法解决了我这个问题: 著作权归作者所有.商业转载请联系 ...
 - angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
			
angular.module('ng').filter('cut', function () { return function (value, wordwise, max, tail) { if ( ...
 - JavaScript中的一些细节
			
1.设置id / class等属性 用 setAttribute 设置一些常规属性如 id ,className 的时候经常不起作用,只能用 object.id = value 这样来设置 news_ ...
 - Altium Designer 生成 Mach3 G代码的程序
			
Altium Designer做PCB设计,还是很方便的,最近头脑发热,在网上买了一套CNC机床,用来做钻孔用,但是翻来翻去,基本上所有的软件都是铣削功能,而且很多软件很复杂.翻了好几天,发现没有什么 ...
 - FTP两种工作模式:主动模式(Active FTP)和被动模式(Passive FTP)
			
在主动模式下,FTP客户端随机开启一个大于1024的端口N向服务器的21号端口发起连接,然后开放N+1号端口进行监听,并向服务器发出PORT N+1命令.服务器接收到命令后,会用其本地的FTP数据端口 ...
 - 数组对象-new Array
			
声明空数组 var arr = new Array(); 声明指定长度的数组 var arr = new Array(5) 声明初始值的数组 var a ...