Question

我目前正试图通过cshtml文件中的表单调用javascript函数。表单中会有一个文本框，用于接收来自用户的字符串并发送＆＃39;发送＆＃39;将字符串发送到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

在发送按钮上添加一个onclick。

<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()" />

如何将表单中的值发送到cshtml中的Javascript函数？

3 个答案: