как прикрепить существующее значение к входу

Question

У меня есть HTML-форма, и в одном из входов мне нужно прикрепить слово (например, 1 или, 2) к тому, что пользователь ввел. что мне делать?

в этой форме у нас есть кнопка «плюс», с помощью которой пользователь может добавить больше ввода, как этот вниз поэтому я создаю для них идентификатор, но я действительно не знаю, почему я это сделал.

  <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' в контроллере

Answer 1

Эй, если вы просто хотите отправить введенный текст в бэкэнд, используйте 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"/>