zoukankan      html  css  js  c++  java
  • js获取select标签选中的值

    两种方式,原生js和jQuery。
    特别是作为全栈开发工程师,学会使用框架固然重要,但是也要使用的基础上,由浅入深,搞懂原理,这样才能在技术进化迅速的时代立于不败之地。
    举个例子说明以下,以我这篇文章为例node.js之十大Web框架,当你学会Node.js的语法,有过使用Node.js开发几个简单Demo的经验,你会发现这些并不难。但是如果你想深入的理解Node.js,比如VsCode就是在Electron+TypeScript等基础上研发出来,但是Electron 是基于 Chromium 和 Node.js,如果你对Node.js和Chromium毫不了解,自己深入到Electron,注定是要吃亏的。

    使用原生js获取select标签选中值,源码如下:

    <!DOCTYPE html>
    <html>
    <head lang="en">
      <meta charset="UTF-8">
      <title></title>
    
    </head>
    <body>
     <form action="#">
     <select id="test">
     <option value="1">VsCode</option>
      <option value="2">Atorm</option>
     </select>
     <input type="button" value="测试" onclick="t1()">
     </form>
     <script>
     function t1(){
       var myselect=document.getElementById("test");
      var index=myselect.selectedIndex;
      alert(myselect.options[index].value)
     }
    
     </script>
    
    </body>
    </html>

    使用jQuery获取select标签选中值,源码如下:

    <!DOCTYPE html>
    <html>
    <head lang="en">
      <meta charset="UTF-8">
      <title></title>
    
    </head>
    <body>
     <form action="#">
     <select id="test">
     <option value="1">VsCode</option>
      <option value="2">Atorm</option>
     </select>
     <input type="button" value="测试" onclick="t1()">
     </form>
     <script src="jquery-1.8.0.min.js"></script>
     <script>
     function t1(){
       var options=$("#test option:selected");
       alert(options.val());//获取value
       alert(options.text());//获取文本
    }
     </script>
    
    </body>
    </html>
  • 相关阅读:
    scrapy-redis使用以及剖析
    完全理解 Python 迭代对象、迭代器、生成器
    Python操作 RabbitMQ、Redis、Memcache、SQLAlchemy
    HTTP状态码
    Py西游攻关之RabbitMQ、Memcache、Redis
    Django contenttypes 应用
    cookie和session 以及Django中应用
    RESTful规范
    rest_framework框架的认识
    vue 总结
  • 原文地址:https://www.cnblogs.com/youcong/p/10657269.html
Copyright © 2011-2022 走看看