如何在mvc 4中将javascript变量放入视图?

时间:2013-04-29 08:54:39

标签: javascript asp.net-mvc-4 razor

我知道这是一个小问题,但我没有找到任何解决方案,所以我有一个javascript变量<script> var coords = []; </script>,我想把它放在我的视图中:

<input type="submit" name="Tracking" value="Tracking" data-coords="//here !!!"/>

所以如果有人知道我会非常感激。

3 个答案:

答案 0 :(得分:1)

您可以在客户端处理它:

// javascript version
// safe, if you have only one element that has a name "Tracking"
var btn = document.getElementsByName("Tracking")[0].value;
var a = document.createAttribute('data-coords');
a.value = coords;
btn.setAttributeNode(a);

// or do it easier with jquery
$('[name="Tracking"]').attr('data-coords', coords);

答案 1 :(得分:1)

方法1; 您可以使用此代码;

 $("[name='Tracking']").attr("data-coords",coords);

方法2;

如果不需要使用data-coords

你可以使用jquery .data()..

替换它;

<input type="submit" id="Tracking" name="Tracking" value="Tracking"/>

$("#Tracking").data("data-coords", coords);

答案 2 :(得分:1)

如果要将动态值设置为HTML中的某些内容,则应使用JavaScript来执行此操作。这样做的确切方式取决于上下文 - 何时你想要设置这些值以及之前想要用它们做什么。

如果要在DOM加载上设置data-coords的值并使用jQuery,请编写更新$(document).ready函数内data-coords input属性的代码。如果使用jQuery,可以使用attr函数执行此操作。