专栏首页山河木马JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

<script src="jquery.min.js" type="text/javascript"></script>
 <script language="javascript" type="text/javascript">
 $(document).ready(function(){
 $('#mySelect').change(function(){
 alert($(this).children('option:selected').val());
 var p1=$(this).children('option:selected').val();//这就是selected的值
 var p2=$('#param2').val();//获取本页面其他标签的值
 window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参
 })
 })
 </script>
 
 <select id="mySelect">
 <option value="1">one</option>
 <option value="2" selected="selected">two</option>
 <option value="3">three</option>
 </select>
 <input type="text" value="ooo" name="param2" id="param2"/>

纯js

<script type="text/JavaScript">
       function gradeChange(){
        var objS = document.getElementById("pid");
        var grade = objS.options[objS.selectedIndex].grade;
        alert(grade);
       }
</script>

参考文献 http://www.cnblogs.com/moli-/p/6406170.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue笔记1 数据绑定,生命周期的钩子函数

    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

    bamboo
  • this学习笔记

    this 的值到底是什么?一次说清楚 你怎么还没搞懂 this? this、apply、call、bind

    bamboo
  • JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

    正如在上一篇关于 渲染引擎 的博客文章中提到的,我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于,后者不仅理...

    前端小智@大迁世界
  • 提高 JavaScript 开发效率的高级 VSCode 扩展之二!

    作为一名业余爱好者、专业人员,甚至是每月只有一次编程的开发人员,你必须知道,对于任何愿意在工作中投入最大生产时间的人来说,拥有智能和敏捷的工具是至关重要的,废话...

    前端小智@大迁世界
  • js 事件笔记

    在Web中, 事件在浏览器窗口中被触发,执行事先绑定的事件处理器(也就是事件触发时会运行的代码块),对事件做出响应。 用户在浏览器的任何一个操作都会去触发一个事...

    bamboo
  • 如何正确合理使用 JavaScript async/await !

    ES8 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式,而...

    前端小智@大迁世界
  • js 定时器笔记

    JavaScript提供定时执行代码的功能,该功能主要由setTimeout()和setInterval()这两个函数来实现

    bamboo
  • JavaScript是如何工作的:渲染引擎和优化其性能的技巧

    当你构建 Web 应用程序时,你不只是编写单独运行的 JavaScript 代码,你编写的 JavaScript 正在与环境进行交互。了解这种环境,它的工作原理...

    前端小智@大迁世界
  • 浏览器兼容

    产品的角度(产品的受众、受众的浏览器比例、效果优先还是基本功能优先) 成本的角度 (有无必要做某件事)

    bamboo
  • JSON 格式

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。2001年由 Dou...

    bamboo

扫码关注云+社区

领取腾讯云代金券