当前位置: 代码迷 >> ASP >> 看代码:文本框input 的内容 随 select 变更而变化
  详细解决方案

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

热度:662   发布时间:2014-02-23 23:09:53.0
看代码:文本框input 的内容 随 select 变化而变化
<!--
表zy结构及部分内容:
----------------------------
name     add    tel     QQ
李四
张三
于智
田红
刘兵
唐六





test.asp内容:
------------------------------>


<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>


谢谢关注此问题!如果数据很多可以这样处理

假设: 张三,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>
在取到select值时,用ajax请求获取select对应的它值:add,tel,qq
  相关解决方案