我无法使用 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>

我正在尝试在单击“取消”按钮时重置此字段。通过重置，我的意思是使用来自联系人的值 Select（它是下拉列表中的第一个选项）。这是我的 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)的预选值那么首先你需要设置一个预选值的变量：

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

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

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

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

Answer 2

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

试试这个

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

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

注意：此选项将select下拉列表的第一个选项。确保将“Select 您的联系人”设置为第一个选项

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

I cannot get the value of CHtml::dropDownList with Javascript

html

javascript

php

forms

drop-down-menu