long316
- 浏览: 140762 次
- 性别:
- 来自: 未来
-
文章分类
- 全部博客 (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 534http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 366//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 445http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 525http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容？
2013-07-17 08:32 531http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 628status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 1033<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 588******************************* ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2488svg屏蔽右键菜单 1 : if(evt.button == ... -
Web中的鼠标自动移动
2012-12-23 23:35 637写了个 00：00--24：59分的正则，不知道是不是你想要的 ... -
有鼠标位置获取元素
2012-12-23 23:36 650document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 993oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1590http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 684<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 903http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 534js调试工具 -
js高手的作品
2012-03-23 21:39 748<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1635http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行（使用模板、标记）
2012-02-05 23:35 885引用： http://www.soaspx.com/dotne ... -
JavaScript动态添加删除表格行
2012-02-05 23:20 846<table id="idTB" b ...
相关推荐
在网页设计中，`<select>` 标签用于创建下拉列表，但其默认样式往往不符合现代网页的美观要求。为了提升用户体验并保持与原始HTML`<select>` 标签的功能兼容性，开发者通常会使用自定义样式来美化下拉菜单。本主题...
自制的jquery插件，只需要一行代码，即可将select控件变成一个即可以输入也可以选择的元素，输入时也会有智能提示。对原来的select的操作完全没有改变，取值依然是取select的值，设置选中，添加项删除项等等都没有...
本文将详细介绍Select2及其相关文件`select2.min.js`和`select2.min.css`，以及它们如何在项目中发挥重要作用。 Select2是一款强大的JavaScript库，它能够将普通的HTML `<select>`元素转变为功能丰富的选择器。通过...
在网页开发中，选择框（`<select>`）通常用于让用户在预设的选项中进行选择。然而，标准的HTML `select` 元素并不支持直接编辑，即用户无法自由输入新的选项。为了提供这种功能，开发者通常会利用JavaScript库来实现...
监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 })...
《基于Select2与jQuery-ZTree实现的树形下拉框详解》 在现代网页开发中，用户界面的设计和交互体验愈发重要。一个优秀的界面能够提升用户的操作效率，增强产品的吸引力。今天，我们将深入探讨如何利用Select2和...
1. Select2：Select2 是一个流行的jQuery插件，它不仅提供了搜索功能，还有分页、多选、远程数据加载等功能。示例代码如下： ```html <select class="select2" style="width: 100%;"> <option value="option1">...
**jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件，它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中，使得传统的单选...
在本示例中，我们将探讨如何使用jQuery实现“select”元素的互斥联动效果，这是一种常见的表单控件交互设计，常用于多级筛选或配置场景。 一、基本概念 1. jQuery：jQuery 是一个高效、简洁而易用的JavaScript库，...
在网页开发中，`select`下拉框是常见的用户交互元素，用于提供一系列选项供用户选择。然而，随着用户体验需求的提升，单纯的下拉选择已无法满足所有场景，特别是当选项众多时。为了提高用户的操作效率，我们常常需要...
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先，我们需要理解HTML基础。`<select>`元素创建一个可选列表，用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
《XM-SELECT：一款高效实用的多选下拉框插件》 在Web开发中，Select组件是不可或缺的一部分，尤其在处理多选场景时，它的便捷性和灵活性显得尤为重要。XM-SELECT就是这样一款专为解决多选问题而设计的插件，它以其...
3DMAX RandomSelect插件是一款强大的三维建模工具，它能够极大地提高用户在使用3DMAX进行三维建模时的效率。这款插件的主要功能是实现一键随机选择，支持对不同对象或子对象进行随机选择。具体来说，RandomSelect...
在LayUI中，TableSelect是一个强大的组件，它结合了表格与下拉选择框的功能，提供了更丰富的交互体验。这个组件在JavaScript开发中特别适用于处理数据表中的选择操作，尤其是在需要对多选数据进行管理的场景下。 ...
在Web开发中，模拟select元素的点击事件是一项常见的需求，尤其是当我们希望在不直接与页面交互的情况下改变选项值时。本文将通过实例讲解来阐述如何在使用layui框架的情况下，模拟select的点击事件。 ### 标题知识...
**Select2插件详解** Select2是一款非常流行的JavaScript库，基于jQuery设计，它的主要目标是为HTML中的`<select>`元素提供一个强大的替代方案。在网页开发中，原生的`<select>`元素功能有限，样式单一，而Select2...
Bootstrap Selectpicker 是一个高度可定制的下拉菜单插件，它是基于流行的前端框架 Bootstrap 开发的。这个插件提供了一种美观且功能丰富的选择器，能够替代原生 HTML `<select>` 元素，使得下拉框更加易于使用，...
下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选插件ySelect.js.rar 下拉多选...
<select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true"> <option>cow <option>bull <option class="get-class" disabled>ox </select> ``` 在页面加载完成后，...
在现代网页设计中，select下拉列表是实现用户交互的一项基本元素，但在不同的浏览器中，其样式表现差异较大，且在自定义样式方面存在限制，尤其是无法完全通过CSS控制其外观。随着Web标准的推进，浏览器厂商对HTML...