Привет Я новичок в 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.
Вы показываете значение в заголовке. Вы можете выполнить это, выполнив следующие действия:
<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, из Ла-Пас, Боливия
Поведение компонента 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>
Или, если значение представляет собой идентификатор страны в базе данных, вы можете просмотреть ее, когда форма будет опубликована, и получите название страны таким образом.