有时候为例提高输入效率，需要多个输入框实现同步输入操作，在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>
相关推荐
select选择框控件-jquery.editable-select,并且可以编辑，可以输入
可输入的下拉列表控件jquery.editable-select，官方的控件不支持<option value='1'>2无法获得value 的值，经过修改，可以获得到value 值，很方便使用
JQ JS javascript bootstrap 带搜索 下拉框 select
实用jquery使用ul模拟表单select列表效果 22.实用jQuery无限级导航菜单源码下载 23.适合于网站注册的jQuery用户注册条款插件下载(带特效) 24.提升用户体验jquery Ajax表单输入检测验证示例代码 25.推荐...
Web输入框自动提示,可多选,每个选项可单独删除. 框内显示的是Text的值,表单提交可以得到value值.类似select控件
1.获取input类的值： $(“input”).val(); 2.获取textarea类的值: $(“textarea”).val(); 3.获取select类的值：$(“select”).val(); 当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将...
这几款插件都相当实用，而且作者完成的相当漂亮，基本上都兼容ie6/7/8、firefox2/3、Opera、safari等众多... 四、表单编辑器，支持text、textarea、select、checkbox、radio控件，鼠标点击后展开内容，默认是合拢状态;
该插件提供一个为 input、select、textarea 提供一个 emptyHint 的属性，调用 js 可以将这部分的文字在输入框为空的时候以灰色的字体显示出来，作为一种默认提醒，当控件获得焦点之后，该灰色的字体会清空。该控件...
最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。 html <select lay-filter=test></...
初学JQuery，写了一个高级检索的动态输入框，如图所示： 实现的功能： * 当选择属性下拉框中不同类型（字符串、数字、日期）的属性时，后面弹出不同数量的和不同格式的文本框（字符串弹出一个输入文本框，数字...