有时候为例提高输入效率,需要多个输入框实现同步输入操作,在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>