- 浏览: 81116 次
- 性别:
- 来自: 重庆
文章分类
<!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" />
<title>无标题文档</title>
<script language="javascript">
function addOption() {
var selectElementNode = document.getElementById("select");
var optionElement = document.createElement("<option>");
var optionText = document.createTextNode("大学");
optionElement.setAttribute("name1", "大学");
optionElement.appendChild(optionText);
selectElementNode.appendChild(optionElement);
}
</script>
</head>
<body>
<select id="select">
<option>------选择------</option>
<option>小学</option>
<option>初中</option>
<option>高中</option>
</select>
<input type="button" id="add" onclick="addOption();" value="AddOption"/>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function addOption() {
var selectElementNode = document.getElementById("select");
var optionElement = document.createElement("<option>");
var optionText = document.createTextNode("大学");
optionElement.setAttribute("name1", "大学");
optionElement.appendChild(optionText);
selectElementNode.appendChild(optionElement);
}
</script>
</head>
<body>
<select id="select">
<option>------选择------</option>
<option>小学</option>
<option>初中</option>
<option>高中</option>
</select>
<input type="button" id="add" onclick="addOption();" value="AddOption"/>
</body>
</html>
发表评论
-
ajax跨域
2016-05-03 13:53 328由于最近在一个小项目需要把页面和后台分开, ... -
js操作数据
2015-09-25 14:40 481处理数组的方法很多,javascript splice()算是 ... -
js中(function(){})()说明
2015-09-25 11:59 344js中自执行匿名函数 格式:(function() {//co ... -
js的Prototype属性 解释及常用方法
2015-09-25 11:44 408函数:原型每一个构造函数都有一个属性叫做原型(prototy ... -
js精品
2015-03-20 13:04 01. oncontextmenu="window.e ... -
js全套函数
2014-09-17 11:54 4051.document.write(""); ... -
javascript中正则表达式
2014-08-08 10:52 440正则表达式语法: 正则表达式重复: 选择、分组 ... -
javascript中call
2014-08-01 16:33 516[b]Person类对象转换(我觉得是种实例化对象后, 继承的 ... -
javascript中prototype
2014-07-23 10:42 442用过JavaScript的同学们肯定都对prototype如雷 ... -
javascript中data用法
2014-01-13 11:24 571var d = new Date();//Date对象需要创建 ... -
js完成跑马灯程序
2014-02-08 16:56 640<!Doctype html> <html& ... -
两个下拉列表的移动(只完成左到右,右到左原理相同)
2014-02-08 16:56 476<!DOCTYPE html PUBLIC " ... -
动态添加表格和删除表格(复制粘贴就可以运行)
2014-02-08 16:57 622<!DOCTYPE html PUBLIC " ... -
js判断两个日期的大小和判断输入框的值是否为空
2013-12-26 15:40 923/*******************js判断日期的大小** ... -
js中setInterval与setTimeout用法
2013-12-23 13:42 389setTimeout 定义和用 ... -
正则表达式
2013-09-16 11:36 460匹配中文字符的正则表达式: [u4e00-u9fa5] 评注 ... -
showModalDialog
2013-07-12 11:29 349JS中showModalDialog 详细使用 基本介绍: ... -
javascipt 总结
2013-07-10 21:36 446typeof(): 是判断数据的类型,例如:alert(typ ...
相关推荐
jQGrid动态填充select下拉框的选项值(动态填充)
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
但是,这次要实现select与别的选项框联动,也就是要动态添加option数据。查阅了很多资料,终于搞定。下面就分享一下,如何利用jQuery和Ajax实现select动态添加数据。 2.本文代码实现的是车辆型号根据车辆品牌联动...
当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...
下面小编就为大家分享一篇利用js给datalist或select动态添加option选项的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
代码如下:// 添加function col_add() { var selObj = $(“#mySelect”); var value=”value”; var text=”text”; selObj.append(“”+text+””);}// 删除function col_delete() { var selOpt = $(“#...
下拉的select框中添加一个搜索框,在select 框中添加新的样式searchClass,就可以使用
jQuery模拟Select下拉菜单选中添加代码是一款支持多选的下拉菜单选项选择插件,带搜索功能。
<select>和</select>标记用于在表单中添加一个下拉菜单 和用于定义下拉菜单中的具体选项 每对<select>和</select>中至少应包含一对和。 说明 标记名 常用属性 描述 <select> size 指定下拉菜单的可见选项数(取值为...
一个带下拉模糊搜索的select,替换下拉内容后即可直接使用,只需要把对应文件放到指定文件夹中引用即可
此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。
select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动!
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
在下图中有一个dojo的select,当选项过长,在IE9中没法显示正确。 css设置如下,overflow:hidden没有起作用。 复制代码代码如下: .my-select { max-width: 200px; overflow: hidden; word-break: break-all; text-...
主要介绍了两个多选select(multiple左右)添加、删除选项和取值实例,使用jquery实现,需要的朋友可以参考下
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面,发现bootstarp框架多选会自带一个span标签,清空与赋值就是把这个span标签...清除选中的勾$(".selectpicker").selectpicker('deselectAll');
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
JavaScript为select添加option <!...<... <head>... //创建select控件 var _select = document.... //添加选项 for(var i=1; i<=10; i++){ var _option = new Option(i,i); _select.options.add(_o
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement_x(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...