重置選擇attribut的選擇選項

我知道這是一個主流問題，但我已經搜索了很多，我沒有找到任何答案。我只需要重置我的領域。重置選擇attribut的選擇選項

所以我有一個PHP類（classMenu.php）誰爲我的主頁生成html表單。要獲得最後一次選擇的選項，我過去$ _ POST作爲參數，當我把我的classMenu.php這樣的：

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 par ameter）：

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'); 
    }); 
};

我希望我的問題是清楚的爲您服務。

感謝

來源

2017-02-10 scabiati

你試過'$（「＃EVENTTYPE」）VAL（ ''） ' – Satpal

@Satpal是的，我已經試過了，但沒有發生任何事情：/ 無論如何感謝， – scabiati

當我看到它，我會用：

$('option:selected').removeAttr('selected');

如果你有多個選擇，然後：

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

您可以使用以及

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

來源

2017-02-10 09:53:44

我試過你的代碼，但暫時沒有改變：/ 感謝您的幫助 – scabiati

jQuery的：道具selectedIndex以0：

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

如果用javascript：

document.getElementsById('eventType')[0].selectedIndex = 0

來源

2017-02-10 08:35:37

我已經嘗試過，但它沒有改變任何東西。謝謝 – scabiati

瀏覽器開發者控制檯中有任何錯誤消息？ –

我的控制檯中沒有任何jQuery代碼錯誤。我在我的功能結束時調用一個提醒，並且她總是執行。 – scabiati

重置選擇attribut的選擇選項

回答

相關問題