生如夏花帅 2017-07-18 13:36 采纳率: 33.3%
浏览 1422
已采纳

jQuery获取下拉列表的时事件

<!doctype html>



select事件获取值 /*$("#sele").change(function() { var ss=$("#sele option:selected").val(); alert(ss); })*/ /*$("document").ready(function( e) { var ss=$("#sele option:selected").val(); alert(ss); });*/ /*$("#sele").change(function(){ var ss=$("#sele option:selected").val(); alert(ss); })*/ $("#sele").on('change', function() { var ss=$("#sele option:selected").val(); $("#seleValue").val(ss); });




你
好
欢迎




我想问下这里面为什么不执行change事件啊,上面那么多放例子$("document").ready(function( e) {
var ss=$("#sele option:selected").val();
alert(ss);只有这个方法执行,请问为什么啊,请给个明白的答案,就是下拉列表选择,就触动函数,从而获取到选择的值
  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2017-07-19 01:49
    关注

    放dom下面，要么就放到 dom ready事件（就是是$(function(){.....})）里面，要不在你那个位置执行dom还没有生成获取不到dom对象当然无法绑定事件

        <select id="sele" name="sele">
        <option value="nihao" selected="selected">你</option>
        <option value="hello">好</option>
        <option value="welcome">欢迎</option>
    </select>
    <script>
        $("#sele").on('change', function () {
            var ss = $("#sele option:selected").val();
            $("#seleValue").val(ss);
        });</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • jquery获取下拉列表的值为null的解决方法
    2020-10-28 15:46
    然而，在使用jQuery获取下拉列表（select）的值时，我们可能会遇到返回字符串“null”的情况，而不是我们期望的空值。这个问题会导致在将这个值用在其他逻辑处理（如数据库查询、条件判断等）时产生错误。 首先，...
  • jQuery下拉列表插件
    2021-06-24 12:56
    jQuery下拉列表插件，如SweetDropdown，是前端开发中常用的一种增强用户交互体验的工具。这个插件的独特之处在于它的灵活性，它可以被应用于任何HTML元素，不仅限于传统的`<select>`元素，使得它在设计多用途界面时...
  • jquery自定义下拉列表.zip
    2022-11-24 12:30
    jQuery的Ajax功能在下拉列表中也很常见，尤其是在实现异步加载数据时。比如，当用户输入或选择某个值时，可以发送Ajax请求到服务器，获取相应的下拉选项，然后用`.html()`或`.append()`方法更新列表。这在处理大量...
  • jquery美化下拉列表特效代码
    2021-03-20 05:11
    **jQuery美化下拉列表特效代码详解** 在网页设计中，下拉列表（Dropdown List）是一种常见的用户交互元素，用于提供多个选项供用户选择。然而，原生HTML的下拉列表样式通常较为简单，可能无法满足现代网页设计的...
  • jQuery实现邮箱下拉列表自动补全功能
    2020-10-21 13:50
    使用jQuery实现邮箱下拉列表自动补全功能，主要涉及到了JavaScript、jQuery库以及前端基础的DOM操作、事件处理等知识点。下面将详细分解这一过程所需掌握的知识点。 ### jQuery基础 - **引入jQuery库**：项目中...
  • jquery联动下拉列表实现
    2022-06-08 03:21
    例如，当用户在第一个下拉列表中选择一个选项时，触发一个事件，通过JavaScript获取新选中的值，然后根据这个值动态更新第二个下拉列表的内容。 在这个过程中，首先需要对HTML结构进行设计，通常包括两个或多个`...
  • jQuery实现多级联动下拉列表查询框
    2020-10-22 23:13
    接着，为“selT”下拉列表添加`change`事件处理函数，以便在“selT”选项改变时填充“selC”。如果“selT”的选项改变，那么同样清空“selC”中的内容，并将当前选中的品牌对应的型号数据添加到“selC”。 在这个...
  • jQuery实现动态加载select下拉列表项功能示例
    2020-10-18 11:41
    动态下拉列表则可以解决这个问题，它的数据来源于服务器端，通过JavaScript异步请求（如jQuery的ajax方法）动态地从数据库或者其他数据源获取，并实时地更新到页面上。 ### 知识点二：使用jQuery与Ajax动态加载数据...
  • jQuery常见问题列表下拉收缩特效
    2021-07-24 19:21
    本篇主要介绍如何使用jQuery实现"常见问题列表下拉收缩"的特效。 首先，我们需要理解这个特效的基本原理：当用户点击问题标题时，相关的问题答案部分会通过下拉的方式展现出来；再次点击，答案则会收缩回原来的隐藏...
  • jQuery动态产生select option下拉列表
    2020-12-11 00:17
    但其中没有实现动态产生select option下拉列表。 在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便的事情。  在数据库中准备一些数据： 存储过程： 开发ASP.NET MVC，实现程序，少不了model: 现...
  • 没有解决我的问题, 去提问