我无法使用 Javascript 获取 CHtml::dropDownList 的值

Question

我是 PHP 和 Javascript 的新手，遇到以下问题。这是我的html/php：

<div class="row" style="margin-bottom:10px;">
                <div class="col-md-12">
                  <?php echo CHtml::dropDownList('contact_list','',
                  (array)Driver::contactDropList( Driver::getUserId())
                  ,array(
                  'class'=>"contact_list chosen"
                  ))?>
                </div>
            </div>

单击“取消”按钮时，我正在尝试重置此字段。通过重置，我的意思是使用从联系人中选择的值（它是下拉列表中的第一个选项）。这是我的 Javascript 代码，它不能正常工作。它只关闭表单，但不刷新页面，下拉值就在那里，并且没有更改为默认值：

        $( document ).on( "click", ".close-modal", function() {     
            var elements = $('.contact_list');
            elements.select = 'Select from contacts';
            var id=$(this).data("id");
            $(id).modal('hide');
        });

我也尝试使用$("#frm").reset(); 方法重置整个表单，但也没有想要的结果。

现在，它显示的是用户选择的先前值。

Answer 1

$('.contact_list option:first-child').attr("selected", "selected");

试试这个

你也可以试试下面的代码：

$(".contact_list").prop("selectedIndex",0);

注意：此选项将选择下拉菜单的第一个选项。确保将“选择您的联系人”作为第一个选项

Answer 2

如果你想看到$(.contact_list)的预选值，那么首先你需要设置一个预选值的变量：

var contactVal = $('.contact_list').find(":selected").val();

现在在$(id).modal('hide'); 之后设置预选值：

$('.contact_list option[value=contactVal]').attr('selected','selected');

如果这能解决您的问题，请告诉我。