javascript - onclick 按钮，参数值来自文本区域

Question

我有一个非常简单的场景，我想要一个可以输入数字的文本框，以及旁边的一个按钮，按下该按钮将调用 JavaScript 方法并将文本框中的整数值作为参数发送给它。

我刚刚学习 MVC，并且已经被 WebForms 宠坏了，所以请原谅我提出这个愚蠢的问题，但是为什么这不起作用？

    Enter Value 1-4<textarea id="param"></textarea>
    <br />
   <button id="btnTest" onclick="WCFJSONp(" + param.value + ")">Test Service</button>

我尝试在“param.value”前面添加一个 @ 符号，希望 Razor 可以看到我正在尝试执行的操作，但这也不起作用？任何人都可以为被 WebForms 宠坏的 MVC 新手推荐 Javascript/HTML 中“速成类(class)”的链接吗？

Answer 1

当你提出这个问题时，这与 MVC 没有什么关系——这只是 javascript。通常，在运行 MVC 平台时，您会使用 jQuery 和 javascript，在这种情况下，类似这样的东西就可以工作。

onclick="WCFJSONp($('#param').val());"

<小时/>

与 onclick="WCFJSONp(document.getElementById('param').value)"

当使用 getElementById 时，您没有使用 jQuery 库，而只是使用基本 JavaScript。

使用其中一种方法与另一种方法相比各有优点和缺点。

• 使用基本 JavaScript 速度更快，您无需加载 jQuery 库。
• jQuery 可以使您的脚本更加可移植(在本例中可能不是问题)，因为它定义了 DOM 的精确接口(interface)并处理任何浏览器特定问题(这对我来说是一个大问题。)
• jQuery 更易于使用和理解。 (有些人可能会争论它们是否用于基础 javascript)
• jQuery 有很多高级使用示例(这里也不是问题)。

可能还有更多，但首先想到的是这些。