Javascript 重置选择选项的选定属性

Javascript 重置选择选项的选定属性,javascript,php,jquery,Javascript,Php,Jquery,我知道这是一个主流问题,但我已经搜索了很多,我没有找到任何答案。 我只需要重置我的字段 所以我有一个php类(classMenu.php),它为我的主页生成一个html表单。 要获取最后选择的选项,我在调用classMenu.php时通过了$\u POST作为参数,如下所示: mainPage.php classMenu.php 我已经为我的javascript代码尝试了这些选项: function resetSelect() { $('#eventType').prop('selected

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

所以我有一个php类(classMenu.php),它为我的主页生成一个html表单。 要获取最后选择的选项,我在调用classMenu.php时通过了$\u POST作为参数,如下所示:

mainPage.php

classMenu.php

我已经为我的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');
  });
};
我希望我的问题对你来说是清楚的


谢谢

jQuery:Prop
selectedIndex
to 0:

$('eventType').prop('selectedIndex',0)

如果使用javascript:


document.getElementsById('eventType')[0]。在我看来,选择了索引=0

我将使用:

$('option:selected')。删除attr('selected')

如果您有多个选择,则:

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


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

此代码对我有效。
$('.multiselect ui option').prop('selected',false.).trigger('selected:updated')

你试过
$(“#eventType”).val(“”)
@Satpal是的,我已经试过了,但什么都没发生:/Thank’不管怎样,我刚才试过,但没有改变任何东西。谢谢在browser developer控制台中是否有任何错误消息?我的控制台中的jquery代码没有任何错误。我在我的函数结束时调用了一个警报,她总是执行。请更新并粘贴您的完整javascript代码。我尝试了您的代码,但目前没有任何更改:/谢谢您的帮助请提供更多信息,说明您提供的代码为什么有效。
private function isSelected($field, $value){
if(isset($this->setValues[$field]) && $this->setValues[$field] == $value){
  echo "selected";
  }
}
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');
  });
};
$('.selectpicker').each(function(){
    $(this).find('option:selected').removeAttr('selected');
});
$('.selectpicker').prop('selectedIndex', 0);
$('.selectpicker').selectpicker('refresh');