如何将现有值附加到输入中

时间:2019-05-14 04:57:39

标签: javascript asp.net asp.net-mvc

我有一个html表单,在其中一个输入中,我需要在用户输入的内容后附加一个单词(如,1或,2)。我该怎么办?

在这种形式下,我们有一个加号按钮,用户可以添加更多这样的输入。所以我为他们生成了一个ID,但我真的不知道为什么要这么做。

  <input name='singleOption[0]' class='form-control single' type='text' id='singleOption_0' />
  <input name='singleOption[1]' class='form-control single' type='text' id='singleOption_1' />
  <input name='singleOption[2]' class='form-control single' type='text' id='singleOption_2' />


 <button class='btn btn-primary' onclick='addInput()'>add input</button>

 <script>
       addInput(){
           // i append them to the div
           $(".t-content").find("input.single").each(function(i) {
                 $(this).attr("id", "singleOption_" + i).attr("name", "singleOption[" + i + "]");
           });
       }
 </script>

我希望用户将水果输入我的输入时,我会在控制器中收到“ fruit,1”

1 个答案:

答案 0 :(得分:0)

嘿,如果您只想将输入文本发送到后端,请使用jquery ajax。 如果您还想要其他东西,请解释您的问题。谢谢

function send()
{
var mydata=$("#MyText").val();
$.ajax
({
type:"post",
url:"@Url.Action("ActionMethodName","ControllerName")",
data:{Name:mydata},
success:function()
{
alert("success");
}
});
<input type="text" id="MyText" placeholder="Enter Something here" name="Name"/>
<input type="button" id="btnSubmit" onclick="send()"value="Submit"/>