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

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

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

请教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. ext中解决Ajax同步的兑现方法
  2. ajax error: function()
  3. jqgrid插件有关问题 无法重复点击按钮刷新
  4. ajax 多图上传有关问题 预览有关问题
  5. jQuery.post( url，data，success()] 为啥用这个提交表单请求时候表单的值不会存入session里
  6. jquery1.9游览器兼容性,该如何处理
  7. servlet中的数据传给ajax在JSP页面中展示的是乱码
  8. 关于extjs 在grid中添加按钮的有关问题，请问
  9. 高手帮小弟我找出异常