jquery / php select multiple selected options from php array in jquery

Question

I'm trying to produce a multiple select list with selected options based from a php array, in jquery. I can't seem to get it working, this is my code:

My select list:

<select name="modules[]" id="modules" class="inputbox" size="10" multiple="multiple">
  <option value="1">Module 01</option>
  <option value="2">Module 02</option>
  <option value="3">Module 03</option>
</select>

My PHP/JQuery (attempt):

<script type="text/javascript" language="javascript">
<?php 
$modules = explode(';',$row->modules);
if (is_array($modules)) {
    foreach($modules as $moduleID) { 
    ?>
    jQuery("#modules").val("<?php echo $moduleID; ?>");
    <?php 
    };
} else { 
?>
jQuery("#modules").val("<?php echo $row->modules; ?>");
<?php 
};
?>
</script>

Which looks like (plain jquery):

<script type="text/javascript" language="javascript">
  jQuery("#modules").val("3");
  jQuery("#modules").val("1");
</script>

And this is my php array (after being exploded):

Array
(
    [0] => 3
    [1] => 1
)

AndreKR · Accepted Answer · 2010-11-08 09:36:02Z

3

You need to pass an array to val():

<script type="text/javascript">
  jQuery("#modules").val(["3","1"]);
</script>

From the jQuery docs:

This method is typically used to set the values of form fields. For <select multiple="multiple"> elements, multiple <option>s can be selected by passing in an array.

answered Nov 8, 2010 at 9:36

AndreKR

34k21 gold badges120 silver badges181 bronze badges

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

Comments

Nathan · Accepted Answer · 2010-11-08 09:55:15Z

1

Do you have some kind of alternative for users who have Javascript disabled? It's not always appropriate, and the number of users this will affect is ever-decreasing (mobile phone users are probably the biggest proportion nowadays) but IMO its still worth the effort.

answered Nov 8, 2010 at 9:55

Nathan

11.2k4 gold badges41 silver badges50 bronze badges

2 Comments

SoulieBaby Over a year ago

Well this part of the project is in the backend of the website, so there will be few people accessing that side of things, but will keep it in mind when using jquery in the future, thank you :)

Nathan Over a year ago

Ah, that's fine then. I've got all kinds of backend bits which certainly don't degrade gracefully :) My preferred method of making sure things degrade gracefully is to think of the ideal interface, then work out how I can show all the necessary content using standard HTML, then add bells and whistles with jQuery.

Collectives™ on Stack Overflow

jquery / php select multiple selected options from php array in jquery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related