listBOX html实现
来源:互联网 发布:淘宝卖中草药 编辑:程序博客网 时间:2024/06/10 16:13
转自:地址忘记了
<HTML>
<HEAD><TITLE>listbox and combobox</TITLE>
</HEAD>
<script language="javascript">
function visitOption(){
var oSelCode=document.getElementById("selColor");
var i;
for(i=0;i<oSelCode.options.length;i++){
alert(oSelCode.options[i].firstChild.nodeValue);//重点方法
alert(oSelCode.options[i].getAttribute("value"));//重点方法
//alert(oSelCode.options[i].index);
//alert(oSelCode.options[i].text);
//alert(oSelCode.options[i].value);
}
}
function visitSelected(){
var oSelCode=document.getElementById("selColor");
alert(oSelCode.selectedIndex);
alert(oSelCode.options[oSelCode.selectedIndex].index);
alert(oSelCode.options[oSelCode.selectedIndex].text);
alert(oSelCode.options[oSelCode.selectedIndex].value);
}
function visitAllSelected(){
var oSelCode=document.getElementById("selColor");
var i;
for(i=0;i<oSelCode.options.length;i++){
//alert(oSelCode.selectedIndex)
if(oSelCode.options[i].selected){
alert(oSelCode.options[i].index);
alert(oSelCode.options[i].text);
alert(oSelCode.options[i].value);
}
}
}
function changeSelected(){
var oSelCode=document.getElementById("selColor");
oSelCode.selectedIndex=oSelCode.options.length-1;//移动到最后一项
}
function addOption(){
var oSelCode=document.getElementById("selColor");
var oOption=document.createElement("option");
oOption.setAttribute("value","yellow");
var oText=document.createTextNode("黄色");
oOption.appendChild(oText);
oSelCode.appendChild(oOption);
//oOption.document.createElement("黄色");//错误
//oOption.document.createTextNode("yellow");//错误
//oSelCode.appendChild(oOption);
}
function delOption(){
var oSelCode=document.getElementById("selColor");
var oOption=oSelCode.options[oSelCode.selectedIndex];
oSelCode.removeChild(oOption);
}
function delAllOption(){
var oSelCode=document.getElementById("selColor");
var i;
for(i=oSelCode.options.length-1;i>=0;i--){
var oOption=oSelCode.options[i];
oSelCode.removeChild(oOption);
}
}
</script>
<BODY>
<form>
选择喜欢的颜色:<select id="selColor" name="selColor" multiple="true"><!-- 加size="3"为列表框 -->
<option value="red">红色</option>
<option value="green" selected>绿色</option>
<option value="blue">蓝色</option>
</select><br>
<input type="button" value="遍历组合框" onclick="visitOption();"><br>
<input type="button" value="获取选中项" onclick="visitSelected();"><br>
<input type="button" value="获取所有选中项" onclick="visitAllSelected();"><br>
<input type="button" value="更改选中项" onclick="changeSelected();"><br>
<input type="button" value="添加选项" onclick="addOption();"><br>
<input type="button" value="删除选项" onclick="delOption();"><br>
<input type="button" value="删除所有选项" onclick="delAllOption();"><br>
</form>
</BODY>
</HTML>
- listBOX html实现
- listbox实现拖放操作
- ListBox实现上下移动
- ListBox 实现左移右移
- ListBox实现多选
- 实现C# listbox双击
- HTML中类似于ListBox的控件
- 让ListBox实现即指即显功能
- listBox怎样实现数据绑定
- asp:listbox双击效果实现
- 可拖曳Tkinter.Listbox实现
- wpf ListBox拖动排序实现
- c# listbox 实现datatable 绑定
- Listbox 实现Item双击事件
- listbox
- listbox
- ListBox
- listbox
- arm pc vmlinux的互ping(局域网连通)
- ehcache二级缓存配置(SSH缓存的配置) (转)
- 用SetDi系列api获得所有usb设备
- 55种网页常用技巧(javascript)
- 我的专业,我的未来
- listBOX html实现
- 主键生成策略
- 30款精美的国外企业网站模板 PSD 免费下载
- Extjs 4.0.7 设计复杂窗口的范例
- linux服务安装中某些安装包的依赖
- Tomcat、Jboss、webLogic简介
- Python 记事本
- udhcpc命令
- CSS经验之谈