long316
- 浏览: 133581 次
- 性别:
- 来自: 未来
-
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站，信息收集综合及分类 (0)
最新评论
-
calosteward：
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316：
fhhhh
WinArchiver 2.7 -
long316：
ddddd
WinArchiver 2.7
select
http://sunxin1001.iteye.com/blog/740314
http://www.w3school.com.cn/htmldom/met_select_add.asp
在下拉列表末尾添加选项
<html>
<head>
<script type="text/javascript">
function insertOption()
{
var y=document.createElement('option');
y.text='Kiwi'
var x=document.getElementById("mySelect");
try
{
x.add(y,null); // standards compliant
}
catch(ex)
{
x.add(y); // IE only
}
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertOption()"
value="Insert option" />
</form>
</body>
</html>
在下拉列表选项之前添加选项
<html>
<head>
<script type="text/javascript">
function insertBeforeSelected()
{
var x=document.getElementById("mySelect");
if (x.selectedIndex>=0)
{
var y=document.createElement('option');
y.text='Kiwi';
var sel=x.options[x.selectedIndex];
try
{
x.add(y,sel); // standards compliant
}
catch(ex)
{
x.add(y,x.selectedIndex); // IE only
}
}
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertBeforeSelected()" value="Insert option before selected" />
</form>
</body>
</html>
其他参考
//option选项
<select id="myselect" size="1"> <option value=""></option> </select> <script type="text/javascript"> $('#myselect').append('<option value="test1">test1</option>'); $('#myselect').append('<option value="test2">test2</option>'); </script>
$(document).ready(function() { $('#myselect').append('<option value="test1">test1</option>'); $('#myselect').append('<option value="test2">test2</option>'); });
ie6不能识别option标签的selected属性解决方案
今天在做省份联动的时候,在ie6下创建下拉菜单始终报js脚本错误(找不到selected属性),调来调去始终发现ie6下不能识别option的selected属性,试了好多种创建option的方式都不行.结果发现ie6下有这么一个Bug,ie的其他版本都不存在这个问题,从网上查了一下,终于解决了这个棘手的问题:
解决方案:
function doCreateDropDownList() {
var obj = document.getElementById("selectName");
var op = new Option("--请选择--","0");
obj.options.add(op);
...........
...........
}
http://sunxin1001.iteye.com/blog/740314
http://www.w3school.com.cn/htmldom/met_select_add.asp
在下拉列表末尾添加选项
<html>
<head>
<script type="text/javascript">
function insertOption()
{
var y=document.createElement('option');
y.text='Kiwi'
var x=document.getElementById("mySelect");
try
{
x.add(y,null); // standards compliant
}
catch(ex)
{
x.add(y); // IE only
}
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertOption()"
value="Insert option" />
</form>
</body>
</html>
在下拉列表选项之前添加选项
<html>
<head>
<script type="text/javascript">
function insertBeforeSelected()
{
var x=document.getElementById("mySelect");
if (x.selectedIndex>=0)
{
var y=document.createElement('option');
y.text='Kiwi';
var sel=x.options[x.selectedIndex];
try
{
x.add(y,sel); // standards compliant
}
catch(ex)
{
x.add(y,x.selectedIndex); // IE only
}
}
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertBeforeSelected()" value="Insert option before selected" />
</form>
</body>
</html>
其他参考
//option选项
<select id="myselect" size="1"> <option value=""></option> </select> <script type="text/javascript"> $('#myselect').append('<option value="test1">test1</option>'); $('#myselect').append('<option value="test2">test2</option>'); </script>
$(document).ready(function() { $('#myselect').append('<option value="test1">test1</option>'); $('#myselect').append('<option value="test2">test2</option>'); });
ie6不能识别option标签的selected属性解决方案
今天在做省份联动的时候,在ie6下创建下拉菜单始终报js脚本错误(找不到selected属性),调来调去始终发现ie6下不能识别option的selected属性,试了好多种创建option的方式都不行.结果发现ie6下有这么一个Bug,ie的其他版本都不存在这个问题,从网上查了一下,终于解决了这个棘手的问题:
解决方案:
function doCreateDropDownList() {
var obj = document.getElementById("selectName");
var op = new Option("--请选择--","0");
obj.options.add(op);
...........
...........
}
- 63.rar (87.1 KB)
- 下载次数: 3
分享到：
发表评论
-
Easy UI tree
2014-12-28 17:49 474http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 332//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 402http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 492http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容？
2013-07-17 08:32 503http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 587status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 982<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 560******************************* ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2443svg屏蔽右键菜单 1 : if(evt.button == ... -
Web中的鼠标自动移动
2012-12-23 23:35 593写了个 00：00--24：59分的正则，不知道是不是你想要的 ... -
有鼠标位置获取元素
2012-12-23 23:36 604document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 963oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1460http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 649<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 880http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 498js调试工具 -
js高手的作品
2012-03-23 21:39 713<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1607http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行（使用模板、标记）
2012-02-05 23:35 847引用： http://www.soaspx.com/dotne ... -
JavaScript动态添加删除表格行
2012-02-05 23:20 811<table id="idTB" b ...
相关推荐
自制的jquery插件，只需要一行代码，即可将select控件变成一个即可以输入也可以选择的元素，输入时也会有智能提示。对原来的select的操作完全没有改变，取值依然是取select的值，设置选中，添加项删除项等等都没有...
监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 })...
一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步，部分...
一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.....<script src="js/mobileSelect.js" type="text/javascript"></script>
超强悍的<select>支持汉字、拼音首字母、英文搜索方式 是对selectseach的改进、升级版 1.把下拉列表从右边移到了下边，根原始的<select>一样。 2.修复了对多音字失效的bug. 3.简化了使用方法:对任意一个<select>不...
select name=region[province] id= class=region valid> 省、直辖市 北京市 </select> var province = $(select[name='region[province]']).val(); 取得textarea的值 <textarea id='address'></...
本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容，分享出来供大家参考学习，下面来看看详细的介绍： 一、设置默认值： 现在有三个学生小明，小红，小黑，对双向绑定的student设置你想要的...
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
<script type="text/javascript" src="jquery.combo.select.js" > <link rel="stylesheet" href="combo.select.css" /> </head> <body> <select name="table_id" id="table_id"> <option value="">----请选择...
表数据导出到一个文本文件最简单的方法是使用SELECT… INTO OUTFILE语句的查询结果直接导出到一个文件在服务器主机上。 导出数据的SELECT…INTO OUTFILE声明： 这句话的语法结合了常规的SELECT INTO OUTFILE文件名的...
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
美化HTML的select标签的原始样式，并且不影响原始select的事件方法调用。
select标签边框的颜色select标签边框的颜色
SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁，支持下拉，分页，键盘操作等功能。它的特点还有：插件基于jQuery开发，可在Bootstrap2、3环境下使用，亦可在原生无UI...
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
包含jquery.editable-select.min.js和jquery.editable-select.js,demo可以实现select编辑。
然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select 第一条新闻标题 第二...
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等） JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
最简单的SELECT语句是SELECT select_list，实际上利用这个最简单的SELECT语句，你也可以完成许多你期待的功能，首先你能利用它进行MySQL所支持的任何运算，例如：SELECT 1+1，它将返回2；其次，你也能利用它给变量...
LayUi组件：TableSelect