[原创]JQuery 在表单提交之前修改 提交的值


Posted in Javascript onApril 14, 2016

今天在做公司的项目的时候,遇到一个问题:

我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:

$('#search-form').submit(function() {

 //取出keyword

 $keyword = $('#keyword');

 

 //判断是否包含“教程”关键字

 if($keyword.val().indexOf('教程') < 0)

 {

  $keyword.val($keyword.val() + '教程');

 }

});

利用这段代码,就可以了,当我们搜CSS教程的时候,程序会判断包不包含,不会给keyword拼接“教程”两个字,当我们搜索CSS的时候就会拼接成“CSS教程”进行搜索了。

OK,希望能给大家一些帮助吧。

Javascript 相关文章推荐
用方法封装javascript的new操作符(一)
Dec 25 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
js分页代码分享
Apr 28 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 Javascript
微信小程序实现选项卡滑动切换
Oct 22 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 Vue.js
javaScript数组迭代方法详解
Apr 14 #Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
Dec 24 #Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 #Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 #Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 #Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 #Javascript
原生js编写autoComplete插件
Apr 13 #Javascript
You might like
用Zend Encode编写开发PHP程序
2006/10/09 PHP
用php将任何格式视频转为flv的代码
2009/09/03 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
PHP7 windows支持
2021/03/09 PHP
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
浅析Jquery操作select
2016/12/13 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
Python生成不重复随机值的方法
2015/05/11 Python
python自动化生成IOS的图标
2018/11/13 Python
Python3 解决读取中文文件txt编码的问题
2019/12/20 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
临床医学系毕业生推荐信
2013/11/09 职场文书
生日宴会答谢词
2014/01/09 职场文书
大学生实习证明范本
2014/01/15 职场文书
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
教师个人自我剖析材料
2014/09/29 职场文书
先进班组事迹材料
2014/12/25 职场文书
华清池导游词
2015/02/02 职场文书
高老头读书笔记
2015/06/30 职场文书
九年级英语教学反思
2016/02/15 职场文书
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS