关于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元素,第二个参数决定了被添加的位置 普通浏览器中,第二个参 ... 
随机推荐
- 《第一行代码》学习笔记12-UI(1)
			1.程序需要注销或者退出,用一个专门的集合类对所有的活动进行管理即可. 2.可视化编辑工具不利于真正了解界面背后的实现原理,通常这种方式制作的界面都不具有很好的屏幕适配性, 而且当需要编写较为复杂的界 ... 
- 变量a的定义
			1.一个整型数 int a; 2.一个指向整型数的指针 int *a; 3.一个指向指针的指针,它指向的指针是指向一个整形数 int **a; 4.一个有10个整型数的数组 ]; 5.一个有10个指针 ... 
- 空值排序(oracle和sqlserver)
			oracle认为 null 最大. 升序排列,默认情况下,null值排后面. 降序排序,默认情况下,null值排前面. 改变空值办法: (1)用nvl函数或decode函数将null转换为一特定值 替 ... 
- (四)CodeMirror - API
			内容相关 cm.getValue() cm.setValue() cm.getRange() editor.getRange({line:1},{line:2}) // 获取内容块字符 cm.repl ... 
- MFC多线程编的可能
			1. 之所以是“可能”,因为这里有个重点就是临时对象是HWND操作的封装,不是窗口类的封装.因此所有的HWND临时对象都是CWnd的实例,即使上面强行转换为CAbcDialog*也依旧是CWnd*,所 ... 
- 【1】Laravel5.1 安装
			1.安装composer http://www.phpcomposer.com/ 这个是中文网址里边有教程,但是由于被墙的缘故,可以通过下边这个链接下载Windows安装包 http://docs.p ... 
- 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
			转载网址: 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元 ... 
- destoon控制标题长度,title中显示全标题 标题字符长度怎么控制?
			如题商品调用出来后,标题的字符长度怎么控制?有哪位高手能帮我解决吗? 小弟在此感谢了. &length=30 //30表示30个字节 <!--{tag("moduleid=5& ... 
- PHP第二课笔记
			★Php的基本概念 快速入门案例 test.php <html> <body> //<?php ?>是运行在服务端 <?php echo 'hello' ... 
- Windows Server 2003 SP2企业版ISO下载, windows2003系统下载,2003系统下载,2003系统
			Windows Server 2003 SP2 企业版ISO下载(真正企业免激活版) 此版本适合作为一个新系统来安装,也适合在虚拟机中安装 点评:Windows Server 2003 SP2 企业版 ... 
