javascript - 重置选择选项的选定属性

Question

我知道这是一个主流问题，但我已经搜索了很多，但没有找到任何答案。我只需要重置我的字段。

所以我有一个 php 类 (classMenu.php)，它为我的主页生成 html 表单。为了获取最后选择的选项，当我像这样调用我的 classMenu.php 时，我将 $_POST 作为参数过去:

mainPage.php

new menu("mainPage.php", $_POST);

classMenu.php

<select class="selectpicker" id="eventType" title="Event Type" name="eventType" data-width="150px" data-live-search="true" data-actions-box="true">
    <option value="workshop" 
<?php 
    $this->isSelected("eventType", "workshop") 
?>
    >Workshop</option>
    <option value="master" <?php $this->isSelected("eventType", "master") ?>>Master</option>
    <option value="webinar" <?php $this->isSelected("eventType", "webinar") ?>>Webinar</option>
  </select>

这是我的 isSelected 函数($setValues = $_POST 参数):

private function isSelected($field, $value){
if(isset($this->setValues[$field]) && $this->setValues[$field] == $value){
  echo "selected";
  }
}

我已经为我的 javascript 代码尝试过这些选项:

function resetSelect() {
  $('#eventType').prop('selectedIndex', 0);
};

function resetSelect() {
  document.getElementById('eventType')[0].selectedIndex = 0;
};

function resetSelect() {
  $("#eventType").val('');
};

function resetSelect() {
  $('select').each(function(){
    $(this).find('option:selected').prop('selected', false);
  });
};

function resetSelect() {
  $('select').each(function(){
    $(this).find('option:selected').removeAttr('selected');
  });
};

我希望您能清楚我的问题。

谢谢

Answer 1

据我所知，我会使用:

$('选项:选中').removeAttr('选中');

如果您有多个选择，则:

$('.selectpicker').each(function(){
    $(this).find('option:selected').removeAttr('selected');
});
$('.selectpicker').prop('selectedIndex', 0);
$('.selectpicker').selectpicker('refresh');

你也可以使用

$('option:selected').prop('selected', false)