Показать выбранный текст на странице JSP

0

Привет Я новичок в JSP и пытался показать выбранное значение в заголовке как динамический текст. Но каждый раз, когда я его выбираю, отображается значение параметра, а не текст. ниже - это то, что я пробовал.

Выпадающий HTML-код

<select id="country" name="country_code">
       <option value="1">Puerto Rico</option>
       <option value="63">Philippines</option>
       <option value="others">Others</option>
</select>

JSP-тег

    <%
        String countrycd = request.getParameter("country_code");
        String countryTxt = request.getParameter("country_code");
    %>

Это мой сценарий

    <script>
        document.getElementById("country").value = '<% out.print(countrycd); %>';
        var e= document.getElementById("country");
        var str = e.options[e.selectedIndex].text;
        alert(str);
    </script>

Это мой html-код, где мне нужно отображать выделенный текст вместо значения, например, если пользователь выбирает Филиппины, он должен показать, что Филиппины не код 63

<h2>By Country: <% out.print(countrycd);</h2>

Любая помощь будет действительно оценена!

Благодарю.

РЕДАКТИРОВАТЬ:

Токовый выход

Из раскрывающихся филиппин выбран в заголовке, который показывает: По стране: 63

Ожидаемый результат:

Из раскрывающегося списка, если выбран филиппин, он должен показать

По стране: Филиппины не 63.

Теги:
jsp
web

2 ответа

1
Лучший ответ

Вы показываете значение в заголовке. Вы можете выполнить это, выполнив следующие действия:

<h2>By Country: <span id="countryName"> </span> </h2>

И тогда ваш script должен быть:

<script>
  window.onload = function(){        
    document.getElementById("country").value = '<% out.print(countrycd); %>';
    var e= document.getElementById("country");
    var str = e.options[e.selectedIndex].text;

    document.getElementById("countryName").innerHTML = str;  //This line changed
  };
</script>

Вместо того, чтобы получать название страны с JSP, мы делаем это с помощью javascript (записывая его внутри области countryName)

Cheers, из Ла-Пас, Боливия

  • 0
    Спасибо Эдгар, я сделал то же самое, но он не показывает никаких значений, когда я выбираю значения из выпадающего списка и нажимаю кнопку отправки? Должен ли я включить что-нибудь еще, чтобы показать выбранное значение? или сохранить его с помощью параметра JSP ??
  • 0
    Добро пожаловать. Когда вы выбираете страну, а затем отправляете форму, в сообщении отображается новый выбранный код страны?
Показать ещё 8 комментариев
0

Поведение компонента select в HTML заключается в том, чтобы отправить значение выбранного параметра, когда форма отправлена, а не текст дисплея. Вы можете достичь своей цели одним из двух способов:

Измените выбор следующим образом:

   <select id="country" name="country_code">
       <option value="Puerto Rico">Puerto Rico</option>
       <option value="Philippines">Philippines</option>
       <option value="Others">Others</option>
   </select>

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

  • 0
    Спасибо Винсент за ваш ответ. Да, верно, мне нужно значение id каждой страны, чтобы найти его в базе данных и получить записи. Но на странице JSP мне нужно указать название страны вместо идентификатора. Пожалуйста, предложите.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню