将文本字段转换为选择字段下拉列表

Question

以下代码显示了一个文本字段供用户编写他们的城市，我想将该文本字段转换为带有下拉列表的选择字段。我的php知识很基础，很感谢你能帮助我。

代码位于用户配置文件的 PHP 模板中。

    <?php
global $current_user;
wp_get_current_user();
$userID             = $current_user->ID;
$user_login         = $current_user->user_login;
$state       = get_the_author_meta( 'user_state' , $userID );
?>
<div class="row">
<div class="col-md-12">  
  <div class="couple-profile-main-block dashboard-box">
    <form id="user-profile" class="ajax-auth form-horizontal" method="post">
    <div class="status"></div>  
      <?php wp_nonce_field('ajax-user-profile-nonce', 'security'); ?>    
    <div class="row">
        <div class="col-md-6">
 
                <div class="form-group row">
                  <div class="col-sm-4"><label><?php esc_html_e('State','theme');?>*</label></div> 
                  
                  <div class="col-sm-8"><input class="form-control" id="state" name="state" type="text" value="<?php echo esc_attr($state);?>"></div> 
                
                </div>                                                          
            </div>        
        </div>

    <div class="row">
        <div class="col-md-6">
            <div class="row">
                <div class="col-sm-offset-4 col-sm-8"><button id="couple-profile-on" class="btn btn-pink"><?php esc_html_e('Update Profile','theme');?></button></div> 
            </div>        
        </div>
    </div>
    
    </form>
  </div>
</div>
</div>

Answer 1

您需要将该文本输入切换为选择输入 - 查看https://www.w3schools.com/tags/tag_select.asp

在你的情况下，这样的东西应该替换文本输入的位置。

<select class="form-control" id="state" name="state">
    <option value=“State1” <?php if ($state == “State1”) echo “selected”; ?>>State 1</option>

<option value=“State2” <?php if ($state == “State2”) echo “selected”; ?>>State 2</option>

<option value=“State3” <?php if ($state == “State3”) echo “selected”; ?>>State 3</option>

</select>