wuruize888
2017-05-22 06:57
采纳率: 88.2%
浏览 1.2k

jquery问题,怎么用$('form :select'),谢谢

 <!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery.js"></script>
        <script>

            $(function () {

                $('form :select').click(function(){    //这个地方怎么不起作用,如果把select换input就可以呢,哪位帮帮我
                    alert("1");
                });

            });
        </script>
    </head>
    <body>
        <div>
            <form><input type="text" id="name" name="name" autocomplete="false"/>

                <select name="aa">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                </select>
            </form>
            <span id="aaa"></span>

        </div>

    </body>
</html>

或者有没有其它办法对form内的任意select进行事件监听?谢谢各位

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 已采纳

    $('form :select')
    ==>
    $('form select')

    没有:select这个选择器,直接用标签选择器
    
    点赞 打赏 评论
  • 隐市高手 2017-05-22 07:38

    <!DOCTYPE html>


    TODO supply a title


    <pre><code> function optionChange() { var text = $(&#39;#select&#39;).val(); alert(text); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; &lt;form&gt;&lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;name&quot; autocomplete=&quot;false&quot;/&gt; &lt;select id=&quot;select&quot; name=&quot;aa&quot; onchange=&quot;optionChange();&quot;&gt; &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt; &lt;option value=&quot;2&quot;&gt;2&lt;/option&gt; &lt;option value=&quot;3&quot;&gt;3&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;4&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; &lt;span id=&quot;aaa&quot;&gt;&lt;/span&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p></html></p> <p>可以拿到select中,你选中的任何值了</p>
    点赞 打赏 评论
  • 隐市高手 2017-05-22 07:39
     <!DOCTYPE html>
    <html>
        <head>
            <title>TODO supply a title</title>
            <meta charset="UTF-8">
            <script type="text/javascript" src="${contextPath}/js/jquery-1.7.min.js"></script>
            <script>
    
                function optionChange() {
                   var text =  $('#select').val();
                   alert(text);
                }
    
            </script>
        </head>
        <body>
            <div>
                <form><input type="text" id="name" name="name" autocomplete="false"/>
                    <select id="select" name="aa" onchange="optionChange();">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </form>
                <span id="aaa"></span>
    
            </div>
    
        </body>
    </html>
     //可以拿到你选择的任何值了
    
    
    点赞 打赏 评论
  • Q544471255 2017-05-22 08:34
    点赞 打赏 评论

相关推荐 更多相似问题