请问AJAX，选上拉列表框里不同值，控制页面显示，应该如何写
日期：2014-05-16 浏览次数：20590 次
请教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>
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
