javascript select的值填入 text

2008-04-10 08:46:30 639 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

TEXT + SELECT（可编辑的select）组合控件：TEXT + SELECT 在web开发过程中，碰到了一个输入框并能选择数据项的问题，在网上找了好多资料，都未能找到一个满意的源码。最终决定自己写一个，之前也照了别人的代码，在此要感谢！但发现其功能、性能上不是很好。希望此代码给其他程序员带来帮助。其阅读详情

select下拉菜单选择的值,填入text中,中间用","分隔,选择的值不能重复

谢谢

...全文

研究生如何快速发CVPR 研究生如何快速发CVPR，找到科研方向阅读详情

zty0527

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

oec2003 2008-04-12

打赏
举报

学习了

redleaf1995 2008-04-11

打赏
举报

全都不错,学习了...

fxs_2008 2008-04-11

打赏
举报

全是高手，学习！

一把编程的菜刀 2008-04-10

打赏
举报

上面那个有错误

<script>

<script>

function getvalue(v){

    var str,o;//

    o = document.getElementById("mytext")

    str = o.value;

	if(str==""){

	o.value=v;

	}

	else{

	 if(str.indexOf(""+v+"")>=0){   

      return true;   

       }   

	else{

	o.value=str+","+v;

	}

	}

}

</script>

<select onchange="getvalue(this.value)">

    <option value=1>1</option>

    <option value=2>2</option>

    <option value=3>3</option>

    <option value=4>4</option>

    <option value=5>5</option>

</select>

<input id='mytext' name='mytext'/>

一把编程的菜刀 2008-04-10

打赏
举报

myvicy 2008-04-10

打赏
举报

<script>

function getvalue(v){

	var str,o;//

	o = document.getElementById("mytext")

	str = o.value

	str = (str?(","+str+",").replace(","+v+",",","):",")+v

	o.value=str.substr(1,str.length)

}

</script>

<select onchange="getvalue(this.value)">

	<option value=1>1</option>

	<option value=2>2</option>

	<option value=3>3</option>

	<option value=4>4</option>

	<option value=5>5</option>

</select>

<input id='mytext' name='mytext'/>

zty0527 2008-04-10

打赏
举报

自己顶

myvicy 2008-04-10

打赏
举报

<script>

function getvalue(o){

	var str="";//

	for(var i=0;i<o.length;i++){

		op = o.options[i];

		if(op.selected==true)str+=op.value+","

	}

	document.getElementById("mytext").value=str.substr(0,str.length-1)

}

</script>

<select onblur="getvalue(this)" multiple="multiple" size="2">

	<option value=1>1</option>

	<option value=2>2</option>

	<option value=3>3</option>

	<option value=4>4</option>

	<option value=5>5</option>

</select>

<input id='mytext' name='mytext'/>

hookee 2008-04-10

打赏
举报



<script>

function dosel(obj){

   if(obj.selectedIndex==0) return false;

   var val = obj.options[obj.selectedIndex].value;

   var s = document.forms[0].txt.value

   var arr = s.split(",");

   var b = false;

   for(var i=0;i<arr.length;i++){

       if(arr[i]==val){b = true; break;}

   }

   if(!b){

   	  if(s=="") s = val;

      else s += "," + val; 	

   }

   document.forms[0].txt.value = s;

}

</script>

<form>

<select name="sel" onchange="dosel(this);">

	<option value="">请选择</option>

	<option value="1">1</option>

	<option value="2">2</option>

	<option value="3">3</option>

	<option value="4">4</option>

	<option value="5">5</option>

	<option value="6">6</option>

</select>

<input type="text" name="txt" readonly="true" />

</form>

tantaiyizu 2008-04-10

打赏
举报

1楼真快

hbhbhbhbhb1021 2008-04-10

打赏
举报



<select name="aaa" onchange="show(this)">

	<option value="111">111</option>

	<option value="222">222</option>

	<option value="333">333</option>

	<option value="444">444</option>

</select>

<input name="bbb">

<script language="javascript">

		function show(obj)

		{

			var objBBB=document.getElementById("bbb")

			var str=objBBB.value;

			var strSelect=obj.value

			if(str=="")

			{

				str=strSelect

			}else{

				if(!new RegExp(","+strSelect+",").test(","+str+","))

				{

					str=str+","+strSelect;

				}

			}

			objBBB.value=str

		}

</script>

javascript select的 值填入 text

相关推荐

javascript select的值填入 text