2016-05-11 12 views
0

私は、自分のWebページのチェックボックスで複数のドロップダウンを使用しています。複数選択ドロップダウン内のチェックボックスについては、multiple-select.js "プラグインをhttp://wenzhixin.net.cn/p/multiple-select/から まで使用しました。値を送信した後、値をドロップダウンから削除しようとするたびに値が消えません。他の方法があればお勧めします。ここに私の下のコードスニペット:(返信してください必要な任意のより多くの情報の場合)複数の選択ドロップダウンから値をクリアする方法は?

CSHTMLコード

<div class="col-md-2"> 
        <div> 
         @Html.Label("Genset") 
        </div> 
        <div> 
         @Html.DropDownListFor(model => model.Environment, new List<SelectListItem> 
         {        
          new SelectListItem() {Text = "ONT", Value = "ONT"}, 
          new SelectListItem() {Text = "TST", Value = "TST"}, 
          new SelectListItem() {Text = "ACC", Value = "ACC"}, 
          new SelectListItem() {Text = "PrePROD", Value = "PrePROD"}, 
          new SelectListItem() {Text = "PROD", Value = "PROD"} 
         }, new { @class = "Multiple", multiple = "multiple", style = "width: 126.989px; padding-bottom: 70px;", @id = "ddlEnvironment" }) 
        </div> 
       </div> 

Javascriptを

$('#btnSubmit').click(function(){ 

    var env = $('#ddlEnvironment').val(); 
    if (env == null) 
     {         
      //error popup 
     } 
     else 
     { 
        // submit operation using ajax call 

        //I have tried below options, nothing is working 
        $('#ddlEnvironment').attr('value', null); 
         or 
        $('#ddlEnvironment').val(null); 
         or 
        $('#ddlEnvironment').val('');      
       } 
      }); 

答えて

0

あなたがことができ、以下のコードを使用することによりすべての値のチェックを外します。

$('#ddlEnvironment').multipleSelect('uncheckAll');

また、あなたはPlugin Documentationから撮影プラグイン

$('#ddlEnvironment').multipleSelect('refresh');

(方法セクションに移動します)

+0

をリフレッシュしません両方がちょうどチェックし、動作していないことができます!ページのみを更新した後、値はクリアされています。他の提案はありますか? –

+0

100%作業中、このコードはドキュメントサイトで確認しました。 –

+0

$( 'select')。multipleSelect( 'refresh'); ここでは、クラス名として「複数」を定義し、IDとして「ddlEnvironment」を定義しました。 私は $( '。複数')でチェックしました。multipleSelect( 'refresh'); –

関連する問題