首页 > Web开发 > 详细

JQuery开发8-输入框同步操作和获取select列表控件值

时间:2016-06-12 03:49:12      阅读:212      评论:0      收藏:0      [点我收藏+]

有时候为例提高输入效率,需要多个输入框实现同步输入操作,在jQuery中参考代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(":text").bind("keyup", function() {
			$(":text").val($(this).val());//多个输入框同步输入
		});
	});
</script>
</head>
<body>
	<form>
		<p>
			<label>文本框1:</label> <input type="text">
		</p>
		<p>
			<label>文本框2:</label> <input type="text">
		</p>
		<p>
			<label>文本框3:</label> <input type="text">
		</p>
		<p>
			<label>文本框4:</label> <input type="text">
		</p>
		<input type="submit" value="提交" id="sub" />
	</form>
</body>
</html>

?另外,在jQuery中选取select列表控件当前选中的option值的参考代码如下:

?

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	   $("#d").html($("#s").val());
		$("#s").change(function(){
		//var str="";
		str=$("#s").val();//获得列表控件的值
		$("#d").html(str);
		});
	});
</script>
</head>
<body>
<form>
<select id="s" multiple="multiple">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<div id="d"></div>
</form>	
</body>
</html>

?

JQuery开发8-输入框同步操作和获取select列表控件值

原文:http://673390302.iteye.com/blog/2304045

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!