php - PHPでMySqlを使用して最初のドロップダウンメニューから選択して3つのテキストフィールドに入力する方法

Question

私はウェブサイトに取り組んでおり、ユーザー名、住所、電話番号、郵便番号を持つユーザーの詳細を入力する必要があります。

すべての詳細は MySql に保存されます。

そのため、フォームでドロップダウン メニューからユーザー名をクリックすると、他の 3 つのテキスト フィールドにそれぞれのデータが自動的に入力されます。

ユーザー名がID 13から選択されている場合、アドレスやその他のフィールドは次のようになります[フィールドにアドレスを挿入、名前= id13]

そのようなもの、私はそれがどのように機能するかわかりません。

注：最初のオプションを知っている他の3つのフィールドを自動入力したい. 他の 3 つのオプションは、最初のオプションと同じデータベースに保存されます

これまでのマイコード

<!-- START Presonal information -->
<fieldset class="col-md-6">
    <legend>Shipper Data :</legend>

    <!-- Name -->
    <div class="form-group">
        <label class="control-label" >SHIPPER<span class="required-field"></span></label>                               
        <select type="text" name="Shippername" id="Shippername" class="form-control">
            <option value="0">Select</option>
            <?php
                $sql=mysql_query("SELECT * FROM customer");
                while($row=mysql_fetch_array($sql)){
                    echo '<option value="'.$row['Shippername'].'">'.$row['Shippername'].'</option>';
                }
            ?>
        </select>      

        </div>
                                <div class="row" >
                                <div class="col-sm-6 form-group">
                                    <label  class="control-label">ADDRESS<span class="required-field"></span></label>
                                    <input type="text"  name="Shipperaddress" id="Shipperaddress"class="form-control"  autocomplete="off" required>
                                </div>

                                <div class="col-sm-3 form-group">
                                    <label  class="control-label">PHONE</label>
                                    <input type="text" class="form-control" name="Shipperphone" id="Shipperphone" autocomplete="off" required>
                                </div>

                                <div class="col-sm-3 form-group">
                                    <label class="control-label">PIN CODE</i></label>
                                    <input type="text" name="Shippercc" id="Shippercc"class="form-control"  maxlength="20" placeholder="" autocomplete="off" required>
                                </div>
                            </div>