如何将textBox的值发送到字符串变量？

如何将textBox的值发送到字符串变量？如何将textBox的值发送到字符串变量？

我查看的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完成。怎么做？

来源

2013-10-18 mczaplicki

该代码在服务器上运行，而不是在客户端上运行。要在服务器上访问文本框，您必须首先定义它在服务器上的访问：

string expression = textBox.Text;

尽管这将需要一个回传：

<input runat="server" type="text" name="textBox" id="textBox" value=""/>

然后可以通过访问文本属性获取文本称输入，现在像这样的东西通常在JavaScript中完成。

注意：未经测试的代码，这可能只适用于页面加载。

来源

2013-10-18 08:23:54 MrFox

我得到的错误：在我的控制器的当前上下文中不存在名称'textBox'。 – mczaplicki

MVC中没有页面加载。 –

这将为您提供发送数据到控制器的基本思路。如果您想要获取控制器中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在计算器中执行所有操作并同时显示结果来执行相同的操作。这种模式将防止服务器上的命中，并且您的应用程序将会执行得更快。

来源

2013-10-18 09:03:04

如何将textBox的值发送到字符串变量？

回答

相关问题