jQuery获取selected的选中后的值

作者:norion时间:2012年5月31日评论次数:0 条

selected在网页经常用到,相信有很多人用selected的下拉功能来做一些特效,那么今天我就遇到一个,利用selected做一个隐藏的动作,其中主要的东东还是
option:selected,这是jQuery提供的一个对selected操作的方式,其作用是得到option选中的状态,从而进行相应的操作。

jQuery代码:

jQuery('#ifSuccess').change(function(){
	var _val = jQuery(this).find('option:selected').val();
	if( _val == '是' ){
		jQuery('#ifSuccess-no').html('').hide();
	}else if( _val == '否' ) {
		jQuery('#ifSuccess-no').html('<label title="未成交因素" for="inputEmail">未成交因素:</label><textarea id="" name="wcjys" rows="2" cols="50"></textarea>').show();
	}
	_val = null;
});

html代码:

<dd>
<label for="tel" title="是否成交">是否成交:</label>
<select name="sfcj" id="ifSuccess">
<option value=""></option>
<option value="是">是</option>
<option value="否">否</option>
</select>
</dd>
<dd id="ifSuccess-no"></dd>

效果图如下:

标签:

上一篇: jQuery向上滚动的幻灯片的封装

下一篇:优化自己写jQuery兼容插件placeholder

相关文章

评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注