如何将文本框的值发送到字符串变量
How to send value of textBox to string variable?
如何将文本框的值发送到字符串变量？
我有 html 视图：
<body>
<div id="CalculatorSpace">
<form name="Calc">
<input type="text" name="textBox" id="textBox" value=""/>
<table>
<tr>
<td><input type="button" name="btnSeven" id="btnSeven" value="7" /></td>
<td><input type="button" id="btnEight" value="8" /></td>
<td><input type="button" id="btnNine" value="9" /></td>
<td><input type="button" id="btnDelete" value="DEL" /></td>
<td><input type="button" id="btnClear" value="CLR" /></td>
</tr>
<tr>
<td><input type="button" id="btnFour" value="4" /></td>
<td><input type="button" id="btnFive" value="5" /></td>
<td><input type="button" id="btnSix" value="6" /></td>
<td><input type="button" id="btnMultiply" value="*" /></td>
<td><input type="button" id="btnDivide" value="/" /></td>
</tr>
<tr>
<td><input type="button" id="btnOne" value="1" /></td>
<td><input type="button" id="btnTwo" value="2" /></td>
<td><input type="button" id="btnThree" value="3" /></td>
<td><input type="button" id="btnPlus" value="+" /></td>
<td><input type="button" id="btnMinus" value="-" /></td>
</tr>
<tr>
<td><input type="button" id="btnZero" value="0" /></td>
<td><input type="button" id="btnDot" value="." /></td>
<td><input type="button" id="btnEqual" value="=" /></td>
<td><input type="button" id="btnLBracket" value="(" /></td>
<td><input type="button" id="btnRBracket" value=")" /></td>
</tr>
</table>
<script>
window.onload = function () {
document.getElementById('btnSeven').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSeven').value;
});
document.getElementById('btnEight').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnEight').value;
});
document.getElementById('btnNine').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnNine').value;
});
document.getElementById('btnDelete').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDelete').value;
});
document.getElementById('btnClear').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnClear').value;
});
document.getElementById('btnFour').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnFour').value;
});
document.getElementById('btnFive').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnFive').value;
});
document.getElementById('btnSix').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSix').value;
});
document.getElementById('btnMultiply').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnMultiply').value;
});
document.getElementById('btnDivide').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDivide').value;
});
document.getElementById('btnOne').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnOne').value;
});
document.getElementById('btnTwo').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnTwo').value;
});
document.getElementById('btnThree').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnThree').value;
});
document.getElementById('btnPlus').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnPlus').value;
});
document.getElementById('btnMinus').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnMinus').value;
});
document.getElementById('btnZero').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnZero').value;
});
document.getElementById('btnDot').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDot').value;
});
document.getElementById('btnEqual').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnEqual').value;
});
document.getElementById('btnLBracket').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnLBracket').value;
});
document.getElementById('btnRBracket').addEventListener('click', function () {
document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnRBracket').value;
});
}
</script>
</form>
</div>
我有控制器：
public class CalculatorController : Controller
{
//
// GET: /Calculator/
public ActionResult Index()
{
return View();
}
//GET: /Calculator/Calculate
public ActionResult Calculate()
{
string expression;
return View();
}
}
现在我想要的是将文本框的值发送到字符串表达式，像"5+5"这样的表达式并将值结果发送到文本框。一切都必须通过单击按钮 btnEqual.怎么做？
该代码在服务器上运行，而不是在客户端上运行。若要在服务器上访问文本框，必须首先将其定义为在服务器上可访问：
<input runat="server" type="text" name="textBox" id="textBox" value=""/>
然后，通过访问 Text 属性获取输入的文本：
string expression = textBox.Text;
虽然这需要回发，但现在像这样的东西通常是用javascript完成的。
注意：未经测试的代码，这可能仅适用于页面加载。
这将为您提供将数据发送到控制器的基本概念。如果要在控制器中获取 TextBox 的值，则可以在提交时将模型发送到控制器。
首先在视图中创建窗体：
@model MVCApp.Models.ModelClassName
@using (Html.BeginForm("ActionName", "Calculator",
FormMethod.Post))
{
//codeing textboxes etc
<input type="submit" value="Upload File" id="btnSubmit" />
}
现在在控制器中创建一个操作方法
[HttpPost]
public ActionResult ActionName(ModelClassName model)
{
//model is now containg all the values of controls present in the view
return View();
}
注意：这是将数据发送回控制器的正常过程。
您也可以通过使用 jquery 在客户端的计算器中执行所有操作并同时显示结果来执行相同的操作。此模式将防止对服务器的命中，并且应用程序将快速执行。
相关文章：
- 从带参数的字符串变量调用函数中的函数
- jquery字符串变量上的每个函数
- 我想将查询字符串变量添加到JSON名称/值对中
- 如何从字符串变量访问对象属性
- 以数组形式访问字符串变量的Javascript
- javascript时间戳插入字符串变量
- 在innerHTML中的getElementById中获取一个带引号的字符串变量
- 如何在Jquery html elemet属性中附加字符串变量
- 如何通过jsp表达式标记将java字符串变量传递给javascript函数
- 传递带有符号“”的字符串变量'"到函数
- 在 javascript 中字符串变量的 “'” 之前添加 ' '
- AngularJS字符串变量到使用sanitize的HTML元素
- 如何使用 JavaScript 比较字符串变量
- 使用 JSON.parse 将字符串(变量）转换为对象，错误意外标记
- 如何将字符串变量从PHP传递到Javascript
- 从包含另一个函数的字符串变量中返回一个函数
- 如何使用参数调用java脚本函数，其中参数来自字符串变量
- 如果通过字符串变量发送，HTML内部的子窗口将显示为文本
- 如何在ReactNative项目中将本地文本文件加载到字符串变量中
- 如何在javascript中用字符串变量替换一段文本
