Question

我的javascript有问题，这是我的MVC视图页面的一小部分。

<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标签之前我插入一个带有调用

的onClick子句的按钮

function myFunc(){
       document.getElementById("comparison").value = "<";
}

一切正常。如果我在表单标记中插入按钮和myFunc，则无效。

我希望在页面加载后自动执行该过程。如果不满足其他条件，我也想更改下拉列表的背景颜色。

Answer 1

请根据您的方案使用以下活动。在此事件中，您可以根据条件更改下拉值。

当页面完全加载时（dom，images，...）

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

或

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

DOM加载后（不等待加载所有图像）

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

Answer 2

解决！

当我使用NuGet安装程序安装jquery库时，Visual Studio在_Layout.vbhtml中包含了错误的脚本字符串。它插入any: (1, 2), (2, 3), (3, 1), (1, 1), (3, 1), (1, 2), (1, 1), (2, 1), (3, 3), (2, 3), (3, 3), (2, 2), (3, 1), (1, 2), (3, 2), (3, 2), (3, 2), (3, 1), (2, 3), (2, 3) distinct: (3, 2), (3, 2), (2, 3), (2, 1), (2, 3), (2, 3), (2, 1), (3, 2), (3, 2), (1, 3), (3, 2), (1, 2), (2, 1), (2, 1), (2, 3), (3, 1), (2, 3), (3, 2), (2, 1), (1, 3)而不是<script src="~/script/jquery-1.10.2.js">。

MVC视图中的JavaScript无法正常工作

2 个答案: