2017-06-23 14 views
0

私はC#でAsp.net MVC 4を使用しています。テキストボックス、ドロップダウン、チェックボックスを検索フィルタとしてページ内に使用しています。私は値をクリアするボタンを使用しています。クリアボタンをクリックします。テキストボックスの値をクリアし、ドロップダウンで "ここをクリック"を表示する必要があります(私のドロップダウン値は "Select Here"、 "Value1"、 "Value2")チェックボックスをオフにします。スクリプト関数を書くには?私のコーディングは以下の通りです。asp.net MVCのテキストボックス、ドロップダウン、チェックボックスの値をクリアするには?

 <div class-="container"> 
<div class="row"> 
<div class="col-xs-4 col-md-4"> 
<label>Id</label>               @Html.TextBoxFor(model => model.Id, new { @class = "form-control" }) 
</div> 
<div class="col-xs-4 col-md-4"> 
<label>Role</label> 
@Html.DropDownList("SelectRole", new SelectList(@ViewBag._RViewBag, "Key", "Value", Model.Role), new { @class = "form-control" }) 
</div> 
<div class="col-xs-4 col-md-4"> 
<br /> 
@Html.CheckBoxFor(model => model.Status)&nbsp;&nbsp;<label style="font-size:large"> Status</label></div> 
</div> 
</div> 

<div class="col-md-4 btn-top"> 
<a href="#" class="btn btn-suucess btn-block">Search</a></div> 
<div class="col-md-4 btn-top"><a onclick="Clear()" class="btn btn-success btn-block">Clear</a></div> 

誰でも私にクリア機能を書いてもらえますか?

+2

簡単な方法は、フォームを 'form'の中に置き、' reset'というタイプの 'button 'を追加することです。 –

+0

私は何年もウェブ開発者でした。これは私が今までに 'リセット'タイプについて聞いた最初のものです。心が吹かれました。また、コメントは自分の質問に直接答えるように見えるので、コメントの代わりにアンサーを作成する必要があります。 – Nieminen

+0

まだリセットについて聞いたことがない場合、あなたは良い開発者ではありません:) –

答えて

2
var Clear = function() { 
    $('input[type="text"]').val(""); //clears text boxes 
    $('input[type="checkbox"]').prop('checked', false); //unchecks checkboxes 
    $('select').val("Select here"); 
} 

私が正しく理解していれば、これは必要な作業を行うはずです。

質問に最初にコメントしたことから、すべての入力がフォームに含まれている場合はresetのボタンがあります。

+0

先生、私のドロップダウンには既に「ここに選択」というテキストがあります。そのため、関数内のテキストや、最初のインデックスを表示するための他のオプションをハードコードする必要がありますか? – Ben77

+0

また、私はonclick = Clear()を宣言しました。だから私はそれを関数として書くか、varとして宣言できますか?変数が意味する場合、それをどこで呼び出すか? – Ben77

+0

私はいつもselectのデフォルトオプションを設定する方法は、そのオプションの値をhtmlの ""( 'value =" "')に設定して、それをjqueryの '$ ( 'select')。val( "") ' – Nieminen

関連する問題