Selecting multiple value from a dropdown and call a javaScript function

Question

I know I can create a multiple select dorpdown like this -

 <select name="city" multiple>
      <option value="Dallas">Dallas</option>
      <option value="New York">New York</option>
      <option value="Kansas">Kansas</option>
      <option value="Massachusetts">Massachusetts</option>
 </select>

Using this multiple select dropdown I can select multiple city from. But can I select a javascript method separately for each of the city?

Thanks in advance.

On the change event of select use .val() it will return you an array of selected value. then you call your operation — Satpal
– Satpal, Commented Mar 24, 2015 at 9:16
yes, on select event call a javascript method...get the values by the id and iterate over the selected values.. and call different methods there.... — Danyal Sandeelo
– Danyal Sandeelo, Commented Mar 24, 2015 at 9:16

Adi Darachi · Accepted Answer · 2015-03-24 09:27:25Z

2

You can get the value using jQuery '.val()' function. Jquery.fn.val()

You can see how it works in the following example:

http://jsfiddle.net/uoL3s610/

$(document).ready(function(){
    $('[name="city"]').change(function(){
        $('#selected_container').text($('[name="city"]').val());
   });
});

Or this example

http://jsfiddle.net/uoL3s610/1/

$(document).ready(function(){
$('[name="city"]').change(function(){
    $('#selected_container').text('');
    $.each($('[name="city"]').val(),function(index,value){
        $('#selected_container').text($('#selected_container').text() + ', ' + value)
    });
  });
});

answered Mar 24, 2015 at 9:27

Adi Darachi

2,1951 gold badge18 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tom Nijs · Accepted Answer · 2015-03-24 09:23:53Z

1

You are able to store the selected value of your dropdownlist in a variable and then continue with an If-structure or a switch:

$("city:selected").each(function () {
    switch($(this).val()){
        case "city1":
        break;
    }
});

edited Mar 24, 2015 at 9:23

answered Mar 24, 2015 at 9:18

Tom Nijs

3,9623 gold badges25 silver badges43 bronze badges

Collectives™ on Stack Overflow

Selecting multiple value from a dropdown and call a javaScript function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related