Блог

Главная - Вопросы по программированию - Перебираем массив и копируем элемент, выбранный в html-форме

Перебираем массив и копируем элемент, выбранный в html-форме

#javascript #html #forms

#javascript #HTML #формы

Вопрос:

Я взял этот фрагмент кода из школы W3 и хочу его немного изменить. У меня есть пользовательская форма html, в которую я хотел бы загрузить все элементы массива. Затем, используя onClick событие из формы (выпадающий список), я хотел бы иметь возможность скопировать этот элемент в буфер обмена.

 <script>
var fruits, text, fLen, i;
fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;

text = "<ul>";
for (i = 0; i < fLen; i  ) {
  text  = "<li>"   fruits[i]   "</li>";
}
text  = "</ul>";

document.getElementById("demo").innerHTML = text;
</script>  
 <form action="/action_page.php">
  <label for="cars">Choose a car:</label>
  <select id="cars" name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
  </select>
  <input type="submit">
</form>

Комментарии:

1. Где находится ваша форма, в которую вы хотите загрузить?

2. вот код для формы. общий.

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