JavaScript - передать выбранное значение раскрывающегося списка в метод

Это может быть просто, но я пытаюсь захватить выбранное значение из раскрывающегося списка на странице JSP и использовать выбранное значение в качестве аргумента метода. Я могу использовать событие onchange в теге select для вызова функции сценария Java и захвата значения, но я не уверен, как отправить значение методу. Я думаю, что есть способ сделать это с помощью вызова на основе ajax, но я не уверен, как это сделать. Вот образец тестового кода, который я использую. Спасибо.

function getSelected()
  {
    var selectedSource = document.getElementById("myselect").value;
        console.info(selectedSource);
  }


<select name = "myselect" id = "myselect" onchange = "getSelected();">
    <option value = "1">One</option>
    <option value = "2">Two</option>
    <option value = "3">Three</option>
    <option value = "4">Four</option>
</select>

Почему это помечено в java, кажется, неправильный язык. Java не определяет переменные с помощью var или методы как функции

faris 02.09.2018 02:27

На самом деле это HTML и Javascript.

Eneias Silva 02.09.2018 02:35
как отправить значение методу, а где именно этот метод? сценарий на стороне клиента или сервлеты Java на стороне сервера / jsp?
user2575725 02.09.2018 07:52
Поведение ключевого слова "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) для оценки ваших знаний,...
0
3
1 339
1

Ответы 1

Я отредактировал ответ, чтобы добавить сообщение на сервер с помощью jQuery.

В вашей функции javascript есть две ошибки:

  • Сначала вы вызываете getselected(), но имя функции - getSelectedSource();
  • Во-вторых, вы пытаетесь найти sourceSystem, но ваш идентификатор - myselect.

Сделайте HTTP-сообщение с помощью jQuery и отправьте параметр myselect, например, со значением selectedSource.

В вашем сервлете вы можете получить этот параметр с помощью request.getParameter("myselect")

 <script src = "http://code.jquery.com/jquery-1.5.js"></script>
 <script>
       function getSelected()
    {
      var selectedSource = $("#myselect").val();
          console.info(selectedSource);
          $.post("test", { myselect : selectedSource},
                   function(data) {
                     alert("Data Loaded: " + data);
                   });              
    }
  </script>

<select name = "myselect" id = "myselect" onchange = "getSelected();">
    <option value = "1">One</option>
    <option value = "2">Two</option>
    <option value = "3">Three</option>
    <option value = "4">Four</option>
</select>

Это было просто перебором. Я скопировал не ту тестовую функцию. Я до сих пор не уверен, как отправить полученный результат в метод java. Также можно было бы просто сохранить его в переменной java.

nemesis713 02.09.2018 03:05

Вы имеете ввиду в сервере? Я отредактировал ответ, включив HTTP-сообщение на сервер. Если вам нужна помощь с кодом сервера, опубликуйте свой код сервлета, чтобы мы могли вам помочь.

Eneias Silva 02.09.2018 13:42

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