How to get jQuery dropdown value onchange event

前端 未结 4 840
爱一瞬间的悲伤
爱一瞬间的悲伤 2020-12-12 15:45

I have added two jQuery UI Dropdown Autocomplete script. Now I want get both value onchange of second dropdown and want to store separately in variable. How it is possible?<

相关标签:
4条回答
  • 2020-12-12 15:57
    $('#drop').change(
        function() {
            var val1 = $('#pick option:selected').val();
            var val2 = $('#drop option:selected').val();
    
            // Do something with val1 and val2 ...
        }
    );
    
    0 讨论(0)
  • 2020-12-12 15:58

    Add try this code .. Its working grt.......

    <body>
    <?php
    	if (isset($_POST['nav'])) {
    		 header("Location: $_POST[nav]");
    	}
    ?>
    <form id="page-changer" action="" method="post">
        <select name="nav">
            <option value="">Go to page...</option>
            <option value="http://css-tricks.com/">CSS-Tricks</option>
            <option value="http://digwp.com/">Digging Into WordPress</option>
            <option value="http://quotesondesign.com/">Quotes on Design</option>
        </select>
        <input type="submit" value="Go" id="submit" />
    </form>
    </body>
    </html>
    <html>
    <head>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script>
    $(function() {
    
        $("#submit").hide();
    
        $("#page-changer select").change(function() {
            window.location = $("#page-changer select option:selected").val();
        })
    
    });
    </script>
    </head>

    0 讨论(0)
  • 2020-12-12 16:10

    If you have simple dropdown like:

    <select name="status" id="status">
        <option value="1">Active</option>
        <option value="0">Inactive</option>
    </select>
    

    Then you can use this code for getting value:

    $(function(){
    
     $("#status").change(function(){
         var status = this.value;
         alert(status);
       if(status=="1")
         $("#icon_class, #background_class").hide();// hide multiple sections
      });
    
    });
    
    0 讨论(0)
  • 2020-12-12 16:11

    Try like this

     $("#drop").change(function () {
            var end = this.value;
            var firstDropVal = $('#pick').val();
        });
    
    0 讨论(0)
提交回复
热议问题