<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Js create options for the select </TITLE>
<script>
function set(){
var options = new Array();
var option=null;
for(var i=0;i<5;i++){
option=new Option("text"+i,"value"+i);
options[options.length] = option;
}
setOptions("testSel",options);
}
function setOptions(selector, options){
var selector=document.getElementById(selector);
selector.selectedIndex = 0;//默认选中第一个
selector.options.length = 0;//初始化select
if (options){
for (var i = 0; i < options.length; i++){
selector.options[selector.options.length] = options[i];
}
}
}
</script>
</HEAD>
<BODY>
<div>Search Name:<select name="testSel" id="testSel"></select></div>
<div id="buttonLayer">
<input type="button" id="button_parent_saveas" name="button_parent_saveas" value="test" onClick="set();" /></br>
</div>
</BODY>
</HTML>
分享到:
相关推荐
两个下拉列表,用JS动态添加Select中的Option元素值
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
本人写的一个html页面,用js实现从数组读数据自动生成select控件
jquery获得select option值
js 操作select和optionjs 操作select和option
javascript 获取select ->option中id、value、label属性及<option></option>中内容
select option 自定义图片的js 、css 以及代码展示,javaScript ;
静态二级联动 js 调取数据 带有 option 值
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
今天小编就为大家分享一篇layui动态渲染生成select的option值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....
Javascript操作Select和Option 一个网页 挺全的
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
主要介绍了JS更改select内option属性的方法,涉及JavaScript动态操作页面select元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Ant design vue中的a-select在动态给option赋值之后,placeholder失效
代码如下:funtion setSelectOption(a,b){//a =>select 的id名,b=>已知option的值 for (i=0;i<$(a).length;i++) //$(a)获取a的id的简单写法,前提是必须用引用prototype.js if($(a).options[i].value == b){//...
如下所示: var selector=$('<select></select>...以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
NULL 博文链接:https://longying2008.iteye.com/blog/2203068
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧