怎样用jquery让texbox根据条件隐藏或者显示解决方案-AJAX教程-爱易网页

怎样用jquery让texbox根据条件隐藏或者显示解决方案

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

怎样用jquery让texbox根据条件隐藏或者显示
现在有下拉列表的两种类别
1.服务
2.百货

当我添加商品的时候
如果在下拉列表中选择1 就会多出一个txtbox 显示商品有效期
如果在下拉列表中选择2 这个txtbox就不会显示出来

------解决方案--------------------



使用jquery实现，运行时需要保证在同级目录存在jquery的核心js文件"jquery-1.4.2.js"

<html>

  <head>

    <title>select.html</title>

	

	<script src="jquery-1.4.2.js"></script>

	<script language="javascript">

		$().ready(function(){

		   $("select[name='buy']").unbind("change");

		   $("select[name='buy']").bind("change",function(){

				if($(this).val()=="service") {

					$("input[name='protecttime']").show();

				} else {

					$("input[name='protecttime']").hide();

				}

		   });

		});

	</script>



  </head>

  

  <body>

    

	<select name="buy">

		<option value="default">-请选择-</option>

		<option value="service">服务</option>

		<option value="thing">百货</option>

	</select>

	

	<input type="text" name="protecttime" value="180天" style="display:none" />



  </body>

</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎样用jquery让texbox根据条件隐藏或者显示解决方案

相关资料更多>

推荐阅读更多>