简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> JS Tutorial> body text

Example tutorial of jQuery selecting drop-down list

零下一度
Release： 2017-06-29 10:07:29
Original
1029 people have browsed it

jQuery部分:

$("#form1 select").change(function () { var s=[]; $("#form1 select :selected").each(function () { var temp=$(this).html(); s.push(temp);//注意这里不能使方括号 }) var xx=s.join();//默认中间加逗号 $("div:last").html(xx); }) html部分：
Copy after login 
下拉列表1：
  

 下拉列表2：
Copy after login 

        

         Copy after login
        

       

       
The above is the detailed content of Example tutorial of jQuery selecting drop-down list. For more information, please follow other related articles on the PHP Chinese website!

      

     

     

      

       Related labels：
       

        jquery
        list
        output
       

      

      

       source：php.cn
      

     

     

      Previous article：An example introduction about iframe
      Next article：Example code about jQuery method output
     

     

      

       Statement of this Website
      

      

       The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
      

     

     

     

      

       Latest Articles by Author
      

      
     

     

      

       Latest Issues
      

      

       

        

         Steps to install jQuery in Nuxt.js
         Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
         

          

           From 2023-11-06 16:41:50
          

          

           

            0
           

           

            1
           

           

            225
           

          

         

        

       

       

       

        

         jQuery getting wrong value when getting data attribute
         I have a div with data attribute 
 I have...
         

          

           From 2023-11-01 23:01:19
          

          

           

            0
           

           

            1
           

           

            209
           

          

         

        

       

       

       

        

         Support jQuery's Transfer-Encoding:chunked
         I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
         

          

           From 2023-10-25 23:44:37
          

          

           

            0
           

           

            1
           

           

            230
           

          

         

        

       

       

       

        

         How to get the natural dimensions of an image using JavaScript or jQuery?
         So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
         

          

           From 2023-10-21 13:53:08
          

          

           

            0
           

           

            2
           

           

            275
           

          

         

        

       

       

       

        

         Automatically expand text area
         I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
         

          

           From 2023-10-21 08:49:23
          

          

           

            0
           

           

            2
           

           

            225
           

          

         

        

       

       

      

     

     

      

       

        Related Topics
       

       More>
      

      

       
      

     

    

   

   

    

     

      Popular Recommendations
     

     

      
     

    

    

     

      

       Popular Tutorials
      

      More>
     

     

      

       

        Related Tutorials
        

       

       

        Popular Recommendations
        

       

       

        Latest courses
        

       

      

      
      
      
     

    

    

     

      

       Latest Downloads
      

      More>
     

     

      

       

        Web Effects
        

       

       

        Website Source Code
        

       

       

        Website Materials
        

       

       

        Front End Template
        

       

      

      
      
      
      
     

    

   

  
  

   

    

     

      

       

        About us
        Disclaimer
        Sitemap
        

       

       

        php.cn：Public welfare online PHP training，Help PHP learners grow quickly！