看代码：文本框input 的内容随 select 变更而变化-ASP教程-爱易网页

看代码：文本框input 的内容随 select 变更而变化

日期：2014-05-16　浏览次数：20928 次

看代码：文本框input 的内容随 select 变化而变化


<html>
<body>

<script type="text/javascript">

function set_input(obj){
alert(obj.value);
//接下来该如何写，才能从表zy中把其它字段的值取出来，并放于各个 input 中。
}

</script>

<select onchange="set_input(this)">
  <option value="张三">张三</option>
  <option value="李四">李四</option>
  <option value="王五">王五</option>
  <option value="唐六">唐六</option>
</select>

<input type="text" id="add">
<input type="text" id="tel">
<input type="text" id="QQ">

</body>
</html>

谢谢关注此问题！
------解决方案--------------------
在取到select值时，用ajax请求获取select对应的它值:add,tel,qq
------解决方案--------------------
如果数据很多可以这样处理



假设: 张三,add:11,tel:aa,qq:123</br>

李四,add:22,tel:bb,qq:456</br>

<form name="f1">   

name:<select onchange="set_input(this)">

  <option value="11,aa,123">张三</option>

  <option value="22,bbb,456">李四</option>

</select>

add:<input type="text" name="add">

tel:<input type="text" name="tel">

QQ:<input type="text" name="QQ">

</form>

<script>

	 function set_input(el){

	 		var f=el.form,ns='add,tel,QQ'.split(',');

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

 				f[ns[i]].value=el.value.split(',')[i];

	 }

</script>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

看代码：文本框input 的内容随 select 变更而变化

相关资料更多>

推荐阅读更多>

看代码：文本框input 的内容 随 select 变更而变化

相关资料更多>

推荐阅读更多>

看代码：文本框input 的内容随 select 变更而变化