Get all selected items from form select control : Form Select « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Select

Get all selected items from form select control

    

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("select").change(function () {
                var str = "";
                $("select option:selected").each(function () {
                    str += $(this).text() + " ";
                });
                $("div").text(str);
             }).change();
        });
    </script>
  </head>
  <body>
    <body>
      <select name="sweets" multiple="multiple">
        <option>A</option>
        <option>B</option>
        <option selected="selected">C</option>
        <option>D</option>
        <option>E</option>
      </select>
      <div></div>

    </body>
</html>








Related examples in the same category

1.Set select option
2.Get selected items from form select control
3.Get multiple selected value
4.Get selected value from select
5.Select single select option
6.Select multiple select option