2018-11-11

JavaScript技术问题分析:

问题1:在有一个下拉框选项中,提交form表单的参数时,下拉框的值不会回显;form表单点击事件之后,发送的是普通请求;window.location.href = "http://IP地址:端口/资源名称?参数=XXXXXX";返送的普通请求重新返回这个页面之后,页面刷新参数不回显;

分析:普通请求window.location.href = "http://IP地址:端口/资源名称?参数=XXXXXX"发过去之后,页面重新刷新了一下,导致的问题;

解决方案:需要把刚才第一次提交form表单的<select><option value = "1">XXX</option></select>

select里面的对应option的参数值给缓存到页面;等页面刷新之后再设置选中进行回显操作;

在window.location中有一个属性; ---->>  search设置或返回从?开始的 URL(查询部分);

使用这个方法,window.location.search的属性方法,返回"?"之后的URL;就可以获取URL的search的参数值;  比如: http://baidu.com?value=1,使用之后返回的值是  ?value=1;

获取URL的参数之后,截取值的部分.  使用substring方法截取值;然后重新给option设置选中的属性;

$("option[value='"+1+"']").attr("selected",true);

form表单提交select之后的option就会被重新选中;

注意:

重新设置属性不能写在点击之后之后你的window.location.href 的属性之后,因为普通页面跳转的方法执行之后,他之后JS语句是不会执行的;让浏览器自动加载;就是要把重新设置属性的JS代码也在其他事件(方法)之外,让页面重新加载的时候自动执行这样的JS代码(重新设置select选中的操作);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,545评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 人丑就该多看书 文章来自其他博文。 *.location.href 用法: javascript> functio...
    樱花树下_529d阅读 395评论 0 0
  • 关于时间的管理是我最近一直寻思的问题。最近一段时间一直在感知自己时间到底用在什么地方,因为以前一直都觉得自己非常非...
    一十七掌阅读 228评论 0 0
  • 如今儿女都已经成年了。可同是一母同胞的姐弟,同是一家屋檐下长大的儿女,在思想上却是截然不同。女儿自小就像男孩性格,...
    玉米花开阅读 277评论 0 0