Я создаю приложение с использованием JSP. В одной из Страниц пользователю необходимо ввести некоторые Симптомы. Теперь я хочу дать кнопку. когда пользователь нажимает на эту кнопку, создается новый флажок.Динамический выбор окна выбора
Я искал много, и может найти только как динамически добавлять варианты, чтобы выбрать, но я хочу новое окно выбора
Кто-то пожалуйста, помогите.
$(".your-button").click(function() {
var selectBoxHtml = ["<select>"];
var sourceItems = [4,5,6];
for (var sourceIndex = 0; sourceIndex < sourceItems.length; sourceIndex++) {
selectBoxHtml.push('<option value="' + sourceIndex + '">' + sourceItems[sourceIndex] + '</option');
}
$(this).after(selectBoxHtml.join("") + "</select>");
});
Как только исходные объекты являются динамическими, обязательно избегайте их.
Вот пример кода:
<html>
<head>
<script type="text/javascript">
function addSelectBox()
{
var parentDiv = document.getElementById ("main");
var selectElement = document.createElement ("select");
for (var i=0;i < 5;i++)
{
var option = new Option ("Text " + i, "Value" + i);
selectElement.options[selectElement.options.length] = option;
}
parentDiv.appendChild (selectElement);
}
</script>
</head>
<body>
<div id="main">
<input type="button" onclick="addSelectBox()" name="clickme" value="Add Select Box" />
</div>
</body>
</html>
EDIT:
Для JSP (если у вас есть возможность в качестве ArrayList):
<html>
<head>
<%
int totalElements = 5;
ArrayList r = new ArrayList (totalElements);
for (int i=1;i <= totalElements;i++)
{
r.add (String.valueOf (i));
}
%>
<script type="text/javascript">
function addSelectBox()
{
var parentDiv = document.getElementById ("main");
var selectElement = document.createElement ("select");
var option;
<%
for (int i=0;i <= r.size();i++)
{
%>
option = new Option ('<%=r.get (i)%>', '<%=r.get (i)%>');
selectElement.options[selectElement.options.length] = option;
<%
}
%>
parentDiv.appendChild (selectElement);
}
</script>
</head>
<body>
<div id="main">
<input type="button" onclick="addSelectBox()" name="clickme" value="Add Select Box" />
</div>
</body>
</html>
Спасибо за быстрый ответ. Код работает нормально, но у меня есть все симптомы в ArrayList, и когда я пытаюсь использовать это при определении параметров ... он не работает ... – user2191908
Вы имеете в виду массив javascript или java ArrayList? Для Javascript Array используйте его как r [i] вместо r.get (i), который является обозначением java. – AC1
объявление некоторые из кода, который вам уже помогут вам получить ответ на этот вопрос. –