如何在 cshtml 中将值从表单发送到 Javascript 函数

Question

我目前正在尝试通过cshtml文件中的表单调用javascript函数。表单中会有一个文本框，用于接收来自用户的字符串和"发送"按钮，该按钮将字符串发送到javascript函数。

表单的脚本：

@using (Html.BeginForm("SearchStreet", "CustomerInformation", FormMethod.Get, new { @class = "form-inline" }))
{
    <input type="hidden" name="CustId" value="@ViewBag.CustId" />
    <input type="hidden" name="AddressId" value="@ViewBag.AddressId" />
    <div class="form-group">
        <label for="street">Street Name</label>
        @Html.TextBox("street", null, htmlAttributes: new { @class = "form-control" })
    </div>
    <div class="form-group">
        <label></label>
        <input type="submit" value="Send" class="form-control btn btn-default" />
    </div>
}

如何将字符串发送到特定的Javascript函数？谢谢。

Answer 1

@using (Html.BeginForm("SearchStreet", "CustomerInformation", FormMethod.Get, new { @class = "form-inline" }))
{
    <input type="hidden" name="CustId" value="@ViewBag.CustId" />
    <input type="hidden" name="AddressId" value="@ViewBag.AddressId" />
    <div class="form-group">
        <label for="street">Street Name</label>
        @Html.TextBox("street", null, htmlAttributes: new { @class = "form-control" })
    </div>
    <div class="form-group">
        <label></label>
        <input type="submit" onclick="sendValue();" value="Send" class="form-control btn btn-default" />
    </div>
}
<script type="text/javascript">
function sendValue(){
    var element = document.getElementById(street);
    //Get value by element.value, rest you know what to do
}

Answer 2

添加一个点击发送按钮。

<div class="form-group">
        <label></label>
        <input type="button" onclick="checkText();" value="Send" class="form-control btn btn-default" />
    </div>

在 JavaScript 中

<script type="text/javascript">
function checkText(){
  var number=document.getElementById("street").value;
  //DO you stuff here
}
</script>

Answer 3

当

按钮被点击时，你需要将文本框值发送到javascript函数，所以我有以下场景尝试一下。它可能会对你有所帮助。

--

脚本部分--

<script type="text/javascript">
function DemoFunction()
{
 var stringValue1=$('#street').val(); --> if you use jQuery
 var stringValue2=document.getElementById("street").value; --> if you use 
 only javascript
 alert(stringValue1);
 alert(stringValue2);
}
</script>

--

查看部分 --

  -- add 'onclick="return DemoFunction()' this to your button
  ex:-  
  <input type="submit" value="Send" class="form-control btn btn-default" 
onclick="return DemoFunction()" />