2017-11-17 22 views
0

私はJavaScriptに問題があります。これは私のMVCビューページの一部です。MVCビューのjavascriptが機能しない

<body> 
... 
    <form> 
     <div class="form-group, row"> 
      <div class="col-sm-2"> 
      <label class="control-label2" for="comparison">Compare:</label> 
      </div> 
     <div class="col-sm-2"> 
      <select class="form-control" id="comparison" name="comparison"> 
      @*<option></option>*@ 
      <option value="<="><=</option> 
      <option value=">=">>=</option> 
      <option value="<"><</option> 
      <option value=">">></option> 
      <option value="=" selected>=</option> 
      </select> 
     </div> 
     <div class="col-sm-3"> 
      @Html.ValidationMessageFor(Function(model) model.comparison) 
     </div> 
    </div> 
... 
    </form> 
</body> 

ページが読み込まれた後、一部の条件で選択したオプションを変更する必要があります。 私の問題はある:bodyタグの前に、私はすべての作品

function myFunc(){ 
     document.getElementById("comparison").value = "<"; 
} 
を呼び出すonClickの句を使用してボタンを挿入した場合。フォームタグ内にボタンと myFuncを挿入すると、何も機能しません。

ページローディング後の状態でプロセスを自動化したいと思います。また、他の条件が満たされない場合、ドロップダウンの背景色を変更したい。

+0

「フォームタグ内に「btn」と「myFunc」を挿入することで、何をしたいですか?特定のフォームイベントから 'myFunc'をトリガーしたいですか?上記の例で必要なことをさらに説明してください。 –

+0

フォームタグに 'btn'と' myFunc'を挿入したくありません。私は、ページを読み込んだ後、 "デフォルト"の値の選択を自動化し、条件によってドロップダウンの背景色を設定したい。 申し訳ありませんが、ひどく自分自身を説明しました – Tenebor

+0

スクリプトが機能するので、ページの読み込みが完了したときにそれを行う方法がわからないのですか? –

答えて

1

ご使用のシナリオに基づいて、以下のイベントを使用してください。このイベントの中で、条件に基づいてドロップダウン値を変更できます。

するとページが読み込まDOMロードした後、完全に(DOM、画像、...)

$(window).load(function(){ 
    // full load 
}); 

または

$(document).load(function() { 
// code here 
}); 

(ロードされたにすべての画像を待たない)

$(function(){ 
    // DOM Ready 
}); 
0

解決済み!

NuGetインストーラを使用してjqueryライブラリをインストールしたとき、Visual Studioに_Layout.vbhtmlに間違ったスクリプト文字列が含まれていました。 <script src="~/script/jquery-3.2.1.js">の代わりに<script src="~/script/jquery-1.10.2.js">が挿入されています。

関連する問題