Я хотел бы отправить несколько значений, используя javascript и форму

Моя проблема похожа на ссылку ниже: аналогичная проблема

Я хотел бы отправить несколько значений, используя форму и javascript. Вместо этого фиксированное значение, такое как код ниже:

<input type = "hidden" name = "Id[]" value = "83" />
<input type = "hidden" name = "Id[]" value = "85" />

Я бы хотел, чтобы значение было основано на вводе пользователя. Как я могу этого добиться?

У меня есть другой код для ввода пользовательского ввода

Link name: <input type='text' id='linkid'>
<button onclick = "saveLink();return false">Save link</button>

И код javascript

var idarray=[];

function saveLink() {
   var id = document.getElementById("linkid").value;
   idarray.push(id);
}

Как отправить этот idarray с помощью html-формы?

Как пользователь может вводить данные, если input скрыты, и как вы хотите отправить данные и куда вы хотите их отправить? В описании вашего вопроса отсутствует слишком много релевантной информации

NewToJS 29.07.2018 08:01
<input type = "hidden" name = "Id" value = "83,85,70" />, а затем вы можете разделить его на js и / или серверную часть.
Ashraf 29.07.2018 08:11

@Ashraf Я хочу, чтобы значение было введено пользователем. Я добавил более подробную информацию о своей проблеме.

roscoe_x 29.07.2018 08:13

Но как вы отправляете данные и в каком формате файла? Вы используете действие POST form по умолчанию или используете AJAX?

NewToJS 29.07.2018 08:16

@NewToJS Я безуспешно пытался использовать форму по умолчанию. Я могу отправить только 1 данные вместо нескольких данных.

roscoe_x 29.07.2018 08:18

Возможный дубликат: stackoverflow.com/a/5035796/1140136

Ashraf 29.07.2018 08:19
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
6
3 127
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Назначьте id элементу hidden и установите value для этого элемента перед form submit.

Вот рабочий фрагмент:

var idarray=[];

function saveLink() {
   var id = document.getElementById("linkid").value;
   idarray.push(id);
   console.info(idarray);
   document.getElementById("someid").value=idarray;
   console.info(document.getElementById("someid").value);
  
}

 //document.getElementById("someid").value=idarray;
 //document.forms[0].submit();
<input type = "hidden" id = "someid" name = "Id[]" value = "" />


Link name: <input type='text' id='linkid'>
<button onclick = "saveLink();return false">Save link</button>

Спасибо @NullPointer. Это сработало. Однако у меня все еще есть проблема с кодом получения PHP. Вместо разделенных данных я разделил несколько данных запятыми. Я сначала проверю.

roscoe_x 29.07.2018 08:44

@roscoe_x Не рекомендуется использовать разделение запятыми по простой причине: что, если один из URL-адресов содержит запятую в тексте? . Намного лучше работать с объектом JSON.

Ashraf 29.07.2018 09:45

@Ashraf Я пробовал добавить в код JSON.stringify, напечатанный результат тот же. По-прежнему разделены запятыми.

roscoe_x 29.07.2018 13:15

@roscoe_x Да, но если в одном или нескольких URL-адресах есть запятая, JSON позаботится об этом и обернет его таким образом, чтобы это не повлияло на процесс. Классический подход - нет.

Ashraf 30.07.2018 05:35

Другие вопросы по теме