I have an edit profile page, it contains fields which are dynamically populated with values the user has already entered in to the database (if no value exists they should be blank and show a ‘select xxx’ prompt).
I want all fields to populate in this manner so that users do not need to reenter all their data every time they make a minor edit.
I have managed do it successfully with text fields - quite straightforward. But am struggling with drop down boxes. I was using Bootstrap Select for styling and tried to use javascript to alter the class of the li elements and although it worked it didn’t alter the preset value that was populated from the database on page load (the one the user is trying overwrite.
Can someone help me get the drop downs populated and although different selections to be made to each of them without altering the existing data?
Code for Drop Down display (for ease of display I have only included two examples):
<div class="item-content">
<div>Height</div>
<?php
// If profile_height is empty show all options with select height prompt, if not show current height in dropdown menu and full list when clicked
if(empty($currentprofile['profile_height'])) { ?>
<select class="" title="Select Height" name="profile_height" id="profile_height">
<?php foreach ($profile_height_frm as $key => $text) echo '<option value="'.$key.'">'.trim($text).'</option>'; ?>
</select>
<?php } else { ?>
<select class="" title="<?php $height_cm = get_profileinfo_text($currentprofile['profile_height'],'frmheight'); echo cm2feet($height_cm); ?>" name="profile_height" id="profile_height" value="<?php echo $currentprofile['profile_height']; ?>">
<?php foreach ($profile_height_frm as $key => $text) echo '<option value="'.$key.'">'.trim($text).'</option>'; ?>
</select>
<?php } ?>
</div><br />
<div class="item-content">
<div>Weight</div>
<?php
// If profile_weight is empty show all options with select weight prompt, if not show current weight in dropdown menu and full list when clicked
if(empty($currentprofile['profile_weight'])) { ?>
<select class="" title="Select Weight" name="profile_weight" id="profile_weight">
<?php foreach ($profile_weight_frm as $key => $text) echo '<option value="'.$key.'">'.trim($text).'</option>'; ?>
</select>
<?php } else { ?>
<select class="" title="<?php echo lbs2kg($currentprofile['profile_weight']); ?>kg (<?php echo $currentprofile['profile_weight']; ?>lbs)" name="profile_weight" id="profile_weight" value="<?php echo $currentprofile['profile_weight']; ?>">
<?php foreach ($profile_weight_frm as $key => $text) echo '<option value="'.$key.'">'.trim($text).'</option>'; ?>
</select>
<?php } ?>
</div><br />