Yii2-如何在 javascript 中隐藏下拉列表中的值

Question

我有一个下拉列表，其中有一些静态值。

    <?= $form->field($model, 'source')->dropDownList([''=>'Please Select','Farhan' => 'Farhan', 'Usman' => 'Usman','Waseem'=>'Waseem','Habib'=>'Habib', 'HESCO' => 'HESCO']) ?>

对应的HTML是

<select id="refnumbers-source" class="form-control" 
name="RefNumbers[source]" aria-required="true">
<option value="">Please Select</option>
<option value="Farhan">Farhan</option>
<option value="Usman">Usman</option>
<option value="Waseem">Waseem</option>
<option value="Habib">Habib</option>
<option value="HESCO">HESCO</option>
</select>

现在基于 javascript 中的用户角色，我想从下拉列表中隐藏 option/value。我能够获得用户角色，但现在我想隐藏一个值。

<?php
$script = <<< JS


 $(document).ready(function () {  

     if($user_role.val() === 1)

      //here I want to hide the value 'HESCO' from dropdownlist
     }); 
JS;
$this->registerJs($script);
?>

我怎样才能做到这一点？

任何帮助将不胜感激

Answer 1

试试这个：

<?php
$script = <<< JS
$(document).ready(function () {  
    if($user_role.val() === 1) {
        $("#refnumbers-source option[value='HESCO']").remove();
    }
}); 
JS;
$this->registerJs($script);
?>

Yii2-如何在 javascript 中隐藏下拉列表中的值

Yii2-How to hide a value from a dropdown list in javascript

javascript

hide

yii2