欢迎来到山村网

select中添加、修改、删除option元素

2019-03-28 23:14:12浏览:617 来源:山村网   
核心摘要:!doctypehtmlpublic-//w3c//dtdhtml4.0transitional//enhtmlheadtitlejavascriptselectoptionstextvalue/titlemetaname=keywords

<!doctypehtmlpublic"-//w3c//dtdhtml4.0transitional//en">
<html>
<head>
<title>javascriptselectoptionstextvalue</title>
<metaname="keywords"content="javascriptselectoptionstextvalueaddmodifydeleteset">
<metaname="description"content="javascriptselectoptionstextvalueaddmodifydeleteset">
<scriptlanguage="javascript">
<!--
//Author:i@lxl.cn
//Modify:i@cnlei.com
functionwatch_ini(){//初始
for(vari=0;i<arguments.length;i++){
varoOption=newOption(arguments[i],arguments[i]);
document.getElementById("MySelect").options[i]=oOption;
}
}
functionwatch_add(f){//增加
varoOption=newOption(f.word.value,f.word.value);
f.keywords.options[f.keywords.length]=oOption;
}
functionwatch_sel(f){//编辑
f.word.value=f.keywords.options[f.keywords.selectedIndex].text;
}
functionwatch_mod(f){//修改
f.keywords.options[f.keywords.selectedIndex].text=f.word.value;
}
functionwatch_del(f){//删除
f.keywords.options.remove(f.keywords.selectedIndex);
}
functionwatch_set(f){//保存
varset="";
for(vari=0;i<f.keywords.length;i++){
set+=f.keywords.options[i].text+";";
}
confirm(set);
}
//-->
</script>
</head>
<body>
<formname="watch"method="post"action="">
<selectid="MySelect"name="keywords"size="10"onchange="watch_sel(this.form)"></select><br>
<scriptlanguage="javascript">
<!--
watch_ini("我","你","?","他","她","它","尔");//初始关键词
//-->
</script>
<inputtype="text"name="word"/><br/>
<inputtype="button"value="增加"onclick="watch_add(this.form);"/>
<inputtype="button"value="修改"onclick="watch_mod(this.form);"/>
<inputtype="button"value="删除"onclick="watch_del(this.form);"/>
<inputtype="button"value="保存"onclick="watch_set(this.form);"/>
</form>
</body>
</html>

(责任编辑:豆豆)
下一篇:

html无刷新分页前端代码

上一篇:

动态的改变IFrame的高度

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com