javascript - フォームの選択後にデータベースから非表示の入力値を取得する

Question

データベースの Retailer_id からオプションを取得する選択入力があります。必要なものです。管理者がこの選択入力で小売業者を選択すると、retailer_slug を持つ新しい小売業者が作成され、管理者が作成または更新すると、非表示の入力で、retailer_id と Retailer_slug をデータベースに送信します。私のコードは次のとおりです。

編集済み

        <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['slug_title']."\" value=\"".$row_retailers['retailer_id']."\"".$selected.">".$row_retailers['title']."</option>";
    }
?>
</select>

<input type="text" name="slug" id="slug" value=""/>
         <script type="text/javascript">
        $(document).ready(function() {
        $('#retailer_id').on('change', function() {
var $selected = $('#retailer_id option:selected');
$('input[name=slug]').val($selected.data('slug'));
});
});
        </script>