php - ajaxを使用してドロップダウン選択オプションの値を取得します

Question

行き詰まっています。選択オプションの値が送信されますが、クエリを実行するたびに値が 0 に設定されます。取得するオプションの値を取得するにはどうすればよいですか? 私は答えにとても感謝しています。ありがとう

ここに選択オプションのフォームがあります

            <select name="user_role" id="#user_role">
                <option>
                </option>
                <option value="1">
                    Super Admin
                </option>
                <option value="2">
                    Team Manager
                </option>
                <option value="3">
                    Staff
                </option>
            </select>

私が設定したajax関数は

$(".save-update").click(function(e) {
                        e.preventDefault();
                        //alert("save button clicked");
                        var username = $("#username").val();
                        var email = $("#email").val();
                        var user_role = $("#user_role option:selected").val();
                        $.post("../lib/ajax/edit-user-save.php",{username:username,email:email,id:id,user_role:user_role},function(data){
                                //alert(data);
                                $(".save-update").parent().parent().addClass("table-list");
                                $(".save-update").parent().parent().replaceWith(data);
                                });

                });

ここで、クエリが実行される edit-user-save.php

if(isset($_POST['user_role'])){
            $user_role = $_POST['user_role'];
            //echo $id;
        }

    //$query = mysql_query();
    $query = mysql_query("UPDATE users SET username='$username', email='$email',user_role='$user_role' WHERE id=$id");
    if(!$query){
            echo "could not update the table".mysql_error();
        }