2017-02-10 28 views
2

私はそれが主流の問題だと知っていますが、私はすでに多くを検索していますが、私はこれに対する答えは見つかりませんでした。 フィールドをリセットするだけです。選択肢の選択された属性をリセットする

私は私のメインページのhtmlフォームを作成するPHPクラス(classMenu.php)を持っています。

mainPage.php

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

classMenu.php

:私はこのように私のclassMenu.phpを呼び出し、引数として$ _POSTを過ぎて、最後に選択したオプションを取得するために
<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'); 
    }); 
}; 

私は私の質問は、あなたのための明確であることを願っています。 0からselectedIndexプロップ:

おかげ

+0

を使用することができますが、 '$( "#1のeventType")を試してみましたヴァル( '')。 ' – Satpal

+0

@Satpalはい、私はすでにこれを試しましたが、何も起こっていません:/ とにかく、ありがとう、 – scabiati

答えて

0

私はそれを見るように私が使用します。

$('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)

+0

私はあなたのコードを試しましたが、現時点では何も変わりません:/ 助けてくれてありがとう – scabiati

1

jQueryの

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

はJavaScriptを使用している場合:

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

+0

私はそれを今試してみましたが、それは何も変更されませんでした。 ありがとうございます – scabiati

+0

ブラウザの開発者コンソールにエラーメッセージがありますか? –

+0

私のコンソールにjqueryコードのエラーはありません。 私は機能の最後にアラートを呼び、彼女はいつも実行されています。 – scabiati

関連する問題