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

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

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

请教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能做出类似QQ邮箱一样的上传吗？
  2. java 用ajax java后盾传回值
  3. jquery ajax模式直接提交整个表单
  4. 分享一个自个儿写的jquery倒计时小插件
  5. 关于ajax提交到数据库乱码有关问题
  6. 基于Ajax技术用javascript和html编写一段代码
  7. AJAX URL途径 中文
  8. 怎么用dojo中的grid画这样的表头？
  9. EXTjs怎么实现：点击按钮打开的新窗口，窗口里显示另外一个页面的表单