jquery - 如果值不等于某个数字，则动态删除选择选项

Question

我需要删除下拉列表中没有特定值的所有选项。这是我的代码:`

      <select name="worker">        
        <option value="0">John Doe</option>
        <option value="5">Jim Smith</option>
        <option value="6">Jane Doe</option>    
      </select>

`

我在 wordpress 中，基本上需要说，“如果当前用户是 5(吉姆·史密斯)，那么只在下拉列表中显示他。任何帮助将不胜感激。

这是生成下拉菜单的 php 代码:

/* Workers */

    $workers = $wpdb->get_results("SELECT * FROM " . $this->workers_table . " " );

    $html .= '<label>';

    $html .= '<span class="title">'.__('Provider', 'appointments'). '</span>';

    $html .= '<select name="worker">';

    // Always add an "Our staff" field

    $html .= '<option value="0">'. __('No specific provider', 'appointments') . '</option>';

    if ( $workers ) {

        foreach ( $workers as $worker ) {

            if ( $app->worker == $worker->ID ) {

                $sel = ' selected="selected"';

            }

            else

                $sel = '';

            $html .= '<option value="'.$worker->ID.'"'.$sel.'>'. $this->get_worker_name( $worker->ID, false ) . '</option>';

        }

    }

    $html .= '</select>';

    $html .= '</label>';

Answer 1

您可以使用jquery remove()方法使用 attribute not equal selector 删除与某个值不匹配的所有项目

var removeItemVal="5"; 

$('#selectId').find('option[value!="'+removeItemVal+'"]').remove();

JSFIDDLE DEMO