Get Selected Values from an option List with JQery

Get Selected Values from an option List with JQery
  • Create a multi selection list of item of option list and add it on a text field.
  • For using this need to Link min.js Jquery file either import from resource site or download
    in and link their path
<html>
<head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js">  </script>
</head>
<body>
<select id="Select_Items" multiple="multiple">

    <option value="oprtion1">
        oprtion1&nbsp;&nbsp;</option>
    <option value="oprtion2">
        oprtion2&nbsp;&nbsp;</option>
    <option value="oprtion3">
        oprtion3&nbsp;&nbsp;</option>
    <option value="oprtion4">
        oprtion4&nbsp;&nbsp;</option>
    <option value="oprtion5">
        oprtion5&nbsp;&nbsp;</option>
</select></br></br>

Selected item:
<input type="text" value="" id="Show_Item" width="50px">
<script>
    $('#Select_Items').change(function(){
        var selected_item=$(this).val();

        $('#Show_Item').val(selected_item);

    });


</script>

</body>
</html>

Result



23 Replies to “Get Selected Values from an option List with JQery”

  1. I simply want to tell you that I’m very new to blogs and seriously savored this web blog. Likely I’m going to bookmark your website . You surely come with superb well written articles. Thanks for sharing with us your blog site.

  2. I am not sure where you’re getting your information, but great topic.
    I needs to spend some time learning much more or understanding more.
    Thanks for magnificent info I was looking for this info for my mission.

  3. My spouse and i felt very ecstatic when Albert could finish up his preliminary research while using the precious recommendations he gained from your very own blog. It’s not at all simplistic just to always be making a gift of tips and tricks other folks might have been trying to sell. Therefore we recognize we have got the website owner to thank because of that. The specific explanations you made, the simple web site menu, the friendships you make it easier to foster – it’s all overwhelming, and it is leading our son and the family feel that the concept is pleasurable, which is exceptionally essential. Thank you for the whole thing!

  4. I simply wanted to appreciate you again. I’m not certain what I might have made to happen without the actual ways shared by you over this subject matter. It was before a alarming issue in my circumstances, however , discovering a specialized technique you managed that forced me to leap with happiness. I’m grateful for the information and pray you comprehend what a powerful job you have been getting into educating the mediocre ones with the aid of your websites. I know that you have never got to know all of us.

  5. I simply want to tell you that I’m all new to blogs and definitely liked your blog site. Probably I’m going to bookmark your blog post . You surely have superb article content. Bless you for sharing with us your website.

  6. I just want to say I’m new to blogging and site-building and absolutely loved this web blog. Likely I’m likely to bookmark your blog . You definitely have superb posts. Kudos for revealing your webpage.

Leave a Reply

Your email address will not be published. Required fields are marked *