1. 爱易网页
  2. AJAX教程
  3. 请问AJAX，选上拉列表框里不同值，控制页面显示，应该如何写

请问AJAX，选上拉列表框里不同值，控制页面显示，应该如何写

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

请教AJAX，选下拉列表框里不同值，控制页面显示，应该怎么写
ajax新手请教，如何做到选下拉列表框里不同值，控制页面显示上文本框或另外个下拉列表框可用不可用。
如选下拉列表框A的第一项，文本框B可输入，下拉列表框C不可选；
  选下拉列表框A的第二项，文本框B不可输入，下拉列表框C可选；
这个功能用ajax怎么实现吖？

------解决方案--------------------
一定要用ajax？
------解决方案--------------------
侦听下拉框事件，每个事件做出对应的操作。用Ajax做什么
------解决方案--------------------
记得给分啊。费了20分钟写出来了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<body>
<table>
<tr>
<td>
<select id="selectId">
<option value="0">控制选择</option>
<option value="1">选择1</option>
<option value="2">选择2<option>
</select>
</td>
</tr>
<tr>
<td>
<input type="text" value="" id ="textId">
<td>
</tr>
<tr>
<td>
<select id="isNotId">
<option value="3">是</option>
<option value="4">否</option>
</select>
</td>
</tr>

</table>
</body>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
alert("11");
change();
});
function change(){
$("#selectId").change(function(){
if($("#selectId").val()==1){
$("#textId").removeAttr("disabled");
$("#isNotId").attr("disabled","disabled");
}else if ($("#selectId").val()==2){
$("#isNotId").removeAttr("disabled");
$("#textId").val("");
$("#textId").attr("disabled","disabled");
}
});
}
</script>
 
</body>
</html>

相关资料更多>

  1. ajax返回结果延时怎么办
  2. ajax向servlet提交数据，并返回结果，关于实现异步刷新有关问题
  3. jquery.validate.js 怎么用button提交？
  4. 简略的，省份和城市选择，非ajax版
  5. ajaxSubmit在ie10下无效,该如何解决
  6. ajax根本的实例
  7. 异步回到的是一个对象格式的字符串，为什么alert时不是显示object呢
  8. jquery使用ajax有时候乱码，解决方法
  9. jquery中ajax跟java的结合