最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery回显是什么意思

来源:动视网 责编:小采 时间:2020-11-27 19:26:17
文档

jquery回显是什么意思

jquery回显是什么意思:首先来看一下回显是什么意思?在数据提交出现错误的时候, 已填写的信息仍在文本框中, 比如用户登录, 当用户输入错误的密码之后, 用户名仍在文本框, 只是密码框清空。对于一些要填写很多信息的表单, 如果因为一些错误导致已经填写的整个表单信息重新填写, 对
推荐度:
导读jquery回显是什么意思:首先来看一下回显是什么意思?在数据提交出现错误的时候, 已填写的信息仍在文本框中, 比如用户登录, 当用户输入错误的密码之后, 用户名仍在文本框, 只是密码框清空。对于一些要填写很多信息的表单, 如果因为一些错误导致已经填写的整个表单信息重新填写, 对
 首先来看一下回显是什么意思?

在数据提交出现错误的时候, 已填写的信息仍在文本框中, 比如用户登录, 当用户输入错误的密码之后, 用户名仍在文本框, 只是密码框清空。

对于一些要填写很多信息的表单, 如果因为一些错误导致已经填写的整个表单信息重新填写, 对于用户非常地不友好。

jQuery回显也是这个意思,那么它该如何实现呢?

这里我们使用select下拉框进行进行演示,希望对大家有所帮助。

html代码:

<label>会议类型</label>
 <select id="select1" name="meets.meetType" 
 style="display:inline;position:relative;top:10px;margin-bottom:20px;background:grey;">
 <option value="现场会议">现场会议</option>
 <option value="视频会议">视频会议</option>
 <option value="语音会议">语音会议</option>
 </select> 
 <input type="hidden" id="meettype" value="<s:property value="meets.meetType" />"/>

注:这里的input标签是用来给JQuery中识别使用的。

<s:property value="meets.meetType" />这里是表示从上一层action中获取的相应的meets对象的属性meetType。

(meets在上一层action中有相应的get、set方法,这是必备的,否则不能在本代码中获取到相应的值)

下面是JQuery里的代码,用来根据html中的相应的id获得控制:

script type="text/javascript">
$(document).ready(function() {
var nameselect=$("#meettype").val();
var all_select=$("#select1 > option");

for(var i=0;i<all_select.length;i++){
 var svalue=all_select[i].text;
 if(nameselect==svalue){ //取select中所有的option的值与其进行对比,相等则令这个option添加上selected属性
 $("#select1 option[value='"+svalue+"']").attr("selected","selected");
 }
}

});

</script>

这样就大功告成了!

文档

jquery回显是什么意思

jquery回显是什么意思:首先来看一下回显是什么意思?在数据提交出现错误的时候, 已填写的信息仍在文本框中, 比如用户登录, 当用户输入错误的密码之后, 用户名仍在文本框, 只是密码框清空。对于一些要填写很多信息的表单, 如果因为一些错误导致已经填写的整个表单信息重新填写, 对
推荐度:
标签: 什么是 意思 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top