<SCRIPT>
function addOption(){
var s = document.getElementById("text1").value;
var option = new Option(s, "")
document.getElementById("select1").add(option);
}
</SCRIPT>
</HEAD>
<BODY >
<input type="button" onclick="addOption()" />
<input type="text" id="text1">
<select id = "select1">
</select>
function addOption(){
var s = document.getElementById("text1").value;
var option = new Option(s, "")
document.getElementById("select1").add(option);
}
</SCRIPT>
</HEAD>
<BODY >
<input type="button" onclick="addOption()" />
<input type="text" id="text1">
<select id = "select1">
</select>
解决方案 »
- input button 添加事件无效
- 请推荐一个不错的JavaScript编辑器,谢谢。
- document.selection.createRange().pasteHTML 的问题
- 如何得到div的height???
- JSP中表单提交的javascript的问题
- 如何把javascript的变量b的值 赋给同一个页面的vbscript的变量a
- 如何动态的控制一个控件。
- 单选钮问题
- 怎么通过javascript 写一个文本框?
- 有关把页面内容保存为EXCEL的问题
- 怎样在页面加载的时候让JavaScript的文本框的初始值选中?
- TabStrip有多页,选择别的页面,想打印,为什么预览打印第一页???
<button onclick="add();">Add</button>
<input type="text" id="txt">
<select id="sel"></select>
<script>
var str = "";
function add(){
if(txt.value == "") return;
if(str.indexOf(txt.value + "-") >= 0){
alert("重复");
return false;
}
sel.options[sel.options.length] = new Option(txt.value, txt.value);
str += txt.value + "-";
}
</script>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function aaa()
{
var val=document.getElementById('a').value;
var objOption=document.createElement("option");
objOption.value='6';
objOption.text=val;
document.getElementById('b').add(objOption) ;
}
//-->
</SCRIPT> </HEAD> <BODY>
<input id="a" type="text" />
<select id="b"></select>
<input type="button" onclick="aaa()"/>
</BODY>
</HTML>
<table width=300 border=0 cellpadding=0 cellspacing=0>
<form name=srh onsubmit="return false;" target=_blank>
<tr><td height=12></td></tr>
<tr><td width=40% align=center>
<select name="func" size="8" style="width:120px;height:134;font-size:10.5pt" ondblclick='f_add();'>
<option p='0' value='1'>1 三防功能</option>
<option p='1' value='2'>2 内置天线</option>
<option p='2' value='3'>3 可换外壳</option>
<option p='3' value='4'>4 WAP上网</option>
<option p='4' value='5'>5 多媒体短信</option>
<option p='5' value='6'>6 录音</option>
<option p='6' value='7'>7 语音拨号</option>
<option p='7' value='8'>8 和弦铃声</option>
<option p='8' value='9'>9 自编铃声</option>
<option p='9' value='10'>10 情景模式</option>
<option p='10' value='11'>11 来电防火墙</option>
<option p='11' value='12'>12 内置游戏</option>
<option p='12' value='13'>13 免提通话</option>
<option p='13' value='14'>14 动画屏保</option> <option p='14' value='15'>15 无线下载</option>
<option p='15' value='16'>16 红外接口</option>
<option p='16' value='17'>17 蓝牙接口</option>
<option p='17' value='18'>18 支持收音机</option>
<option p='18' value='19'>19 支持MP3</option>
<option p='19' value='20'>20 数码相机</option>
<option p='20' value='21'>21 手写输入</option>
<option p='21' value='22'>22 Java扩展</option>
<option p='22' value='23'>23 动态内存</option> <option p='23' value='24'>24 闹钟</option>
<option p='24' value='25'>25 日历</option>
<option p='25' value='26'>26 计算器</option>
<option p='26' value='27'>27 日程表</option>
<option p='27' value='28'>28 自动开关机</option> </select></td>
<td width=20% align=center>
<input type="button" name="add" value="选择 >>" onclick='f_add();'> <br> <br>
<input type="button" name="del" value="<< 取消" onclick='f_del();'></td>
<td width=40% align=center>
<select name="funclist" size="8" style="width:120px;height:134;font-size:10.5pt;" ondblclick='f_del();'>
</select></td></tr>
</form>
</table>
<script language="JavaScript">
<!--
var f1=document.srh.func;
var f2=document.srh.funclist;
function f_add() {for(i=0; i<f1.length; i++) {if(f1.options[i].selected) {s1 = f1.options[i];s2 = new Option(s1.text,s1.value);s2.p = s1.p;s2.model = s1.model;f2.add(s2);f1.remove(i);break;}}}
function f_del() {sel_tmp = new Array();for(i=0; i<f2.length; i++) {if(f2.options[i].selected) {s2 = f2.options[i];s1 = new Option(s2.text,s2.value);s1.p = s2.p;s1.model = s2.model;f_ins(s1);f2.remove(i);break;}}} function f_ins(opt) {j=f1.length;if(j>0) {ss1 = f1.options[j-1];while(ss1.p*1>opt.p*1) {ss2 = new Option(ss1.text,ss1.value);ss2.p = ss1.p;ss2.model = ss1.model;f1.remove[j-1];f1.options[j] = ss2;j--;if(j>0){ss1 = f1.options[j-1];}else {ss1.p = 0;}}}f1.options[j] = opt;}
//-->
</script>接分!是这种效果吗
<button onclick="add(document.getElementById('txt').value);">Add</button>
<input type="text" id="txt">
<select id="sel"></select>
<script>
var str = "|";
function add(s){
if(s.length==0){return;}
if(str.indexOf("|"+s+"|")>-1){alert("重复"); return;}
var sel=document.getElementById('sel')
sel.options[sel.options.length] = new Option(s,s);
str += s + "|";
}
</script>