將文本字段轉換為選擇字段下拉列表

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>