如何设置选择下拉列表国家和州的“选定选项”

Posted 2023-05-09

【中文标题】如何设置选择下拉列表国家和州的“选定选项”

【英文标题】：How to set the 'selected option' of a select dropdown list country and state

【发布时间】：2014-10-27 09:46:18

【问题描述】：

我的过滤器搜索流动：

case 'region_state':
$output .= '
<div class="clear"></div>
<label><st>' . __( "Country", AT_TEXTDOMAIN ) . ':</s2></label>
<div class="select_box_1">
    <select name="region_id" id="region_id" class="custom-select select_1">';
    $output .= '<option value="0">' . __( "All", AT_TEXTDOMAIN ) . '</option>';
    foreach ($view->add_widget( 'reference_widget', array( 'method' => 'get_regions' ), true ) as $key => $value) 
        $output .= '<option value="' . $value['id'] . '">' . $value['name'] . '</option>';
      
    // foreach (AT_VC_Helper::get_manufacturers() as $value => $key) 
    //  $output .= '<option value="' . $key. '">' . $value . '</option>';
    // 
    $output .= '
    </select>
    </div>
    <label><s3>' . __( "State", AT_TEXTDOMAIN ) . ':</s3></label>
    <div class="select_box_1">
      <select name="state_id" id="state_id" class="custom-select select_1">
        <option>All</option>
      </select>
    </div>';
    $output .= '<input type="submit" value="' . __( "Search", AT_TEXTDOMAIN ) . '" class="btn_search btn-1 float-right" id="search_car_shortcode1"/>';
            break;

数据来自 reference_widget WordPress 管理员，我想要前美国州的 1 个国家/地区：纽约，默认情况下。

【问题讨论】：

您有 2 个选择。在构建 html 时将selected 属性放在要选择的选项上，或者在选择框准备好后执行 JS 并将其值设置为您需要的值。我知道 select 元素不尊重 value 属性是愚蠢的，但这并不是 DOM 最糟糕的事情...... ;)

【参考方案1】：

你需要在每个循环上测试你的值是否是应该的 “选择”。

// the value you want to be selected
$region_id = $_REQUEST['region_id'];
// loop through the options
foreach ( $view->add_widget( 'reference_widget', array( 'method' => 'get_regions' ), true ) as $key => $value )
    // if the value matches, we want to output "selected"
    $selected = ( $region_id == $value )? ' selected' : '';
    $output .= '<option value="' . $value['id'] . '"' . $selected . '>' . $value['name'] . '</option>';

【讨论】：

谢谢 doublesharp ，全部完成。