看代码：文本框input 的内容 随 select 变更而变化
日期：2014-05-16 浏览次数：20978 次
看代码：文本框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>
谢谢关注此问题！
------解决方案--------------------
在取到select值时，用ajax请求获取select对应的它值:add,tel,qq
------解决方案--------------------
如果数据很多可以这样处理
<!--
表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>
谢谢关注此问题！
------解决方案--------------------
在取到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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
