Haal verborgen invoerwaarde uit de database na het selecteren van formulier

Als ik het goed begrijp, is dit een van de dingen die je zou kunnen doen:

PHP

<select class="textbox2" id="retailer_id" name="retailer_id">
    <option value="">--- Please select store ---</option>
    <?php
        $sql_retailers = smart_mysql_query("SELECT * FROM cashbackengine_retailers WHERE status='active' ORDER BY title ASC");
        while ($row_retailers = mysql_fetch_array($sql_retailers))
        {
            if ($retailer_id == $row_retailers['retailer_id']) $selected = " selected=\"selected\""; else $selected = "";
            echo "<option data-slug=\"".$row_retailers['retail_slug']."\" value=\"".$row_retailers['retailer_id']."\"".$selected.">".$row_retailers['title']."</option>";
        }
    ?>
</select>
<input type="hidden" name="retailer_slug"/>

jQuery

$('#retailer_id').on('change', function() {
    var $selected = $('#retailer_id option:selected');
    $('input[name=retailer_slug]').val($selected.data('slug'));
});

Dus eigenlijk is het idee hier dat je de retailer_slug . opslaat waarde als een data- attribuut op elke <option> . Wanneer de geselecteerde optie wordt gewijzigd, wordt de retailer_slug waarde wordt gekopieerd naar de verborgen invoer.