Javascript 显示保存的下拉值而不是占位符

要呈现的HTML字段：

<p class="form-row form-row-wide">
                <label for="reg_diocese">Diocese</label>
                <select type="text" class="input-text" name="diocese" id="diocese" value="<?php echo esc_attr( $user->diocese ); ?>" class="regular-text" />
                     <option value="<?php echo esc_attr( $user->diocese ); ?>"><?php echo esc_attr( $user->diocese ); ?></option>   
 </select>
                </p>

教区
您应该使用。您可以使用jQuery惰性地设置值

<p class="form-row form-row-wide">
                <label for="reg_diocese">Diocese</label>
                <select type="text" class="input-text" name="diocese" id="diocese" value="<?php echo esc_attr( $user->diocese ); ?>" class="regular-text" />
                     <option value="<?php echo esc_attr( $user->diocese ); ?>"><?php echo esc_attr( $user->diocese ); ?></option>   
 </select>
                </p>

$("#id").val("Some choice");

请发布客户端问题的html，而不是一堆服务器代码。我们不知道
onchange
做了什么。
编辑账户
部分在哪里？似乎需要更好地解释您的处理过程更新原始帖子，尝试更好地解释如果这些页面位于两个不同的页面上，您需要在服务器上设置
选定的
。对于工艺流程仍然模糊，希望再次更新有帮助；在php中，将选项的值与保存的值进行比较，并相应地设置
。谢谢，我会尝试一下。
$("#id").val("Some choice");