Question

I cannot seem to find this anywhere.. I apologize if it’s very simple.

I am trying to make simple drop-down box in html that displays a number of guestbook entries. I’m using php to process the database requests etc.. I’m fine with all of this. I just want to be able to have the default option on the selection box change depending on what number of entries has been selected.

Is there an easy way to do this? I have a feeling it has to do with a simple javascript call, but I’m still new to all of this.

This is the html:

<form id="displayform" action="guestbook.php" method="POST" >
Currently Displaying  <select name="display" id="display" onchange="document.getElementById('displayform').submit()">
<option value="10" > 10 </option>
<option value="25" > 25 </option>
<option value="50"> 50 </option>
<option value="ALL"> ALL </option>      
</select>   results per page
</form>

Answer 1

No need for javascript, this can be handled via PHP. Can even be refactored, too!

<?php
  $options = array(10, 25, 50, 'ALL');
  $selOpt = in_array($_POST['display'], $options) ? $_POST['display'] : $options[0];
?>
<form id="displayform" action="guestbook.php" method="POST">
  Currently Displaying
  <select name="display" id="display" onchange="document.getElementById('displayform').submit();">
    <?php foreach ($options as $option){ ?>
    <option value="<?=$option;?>"<?=($selOpt==$option?' select="selected"':'');?>>
      <?=$option;?>
    </option>
    <?php } ?>
  </select>
</form>