我已经四处寻找答案,但似乎找不到明确的答案。
我希望能够显示一个下拉列表,该下拉列表使用 PHP 从 MySQL 填充,并在它旁边有一个"+"或单击时将创建另一个下拉列表,其中包含与第一个下拉列表相同的数据。
这样,用户可以根据需要添加任意数量的下拉列表。 每个下拉列表中将有大约 25 个项目。 我对JS,JQuery等持开放态度 - 只需要完成它!
我将不胜感激任何和所有的帮助。
抢
编辑
睡了一夜 - 所以让我们再试一次!
根据@adeno代码,我得出了这个:
?>
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<form action = 'testselectprocess.php' method='POST'>
<div>
<select id='test' name='test0'>
<option name='first' value = '1'>option 1</option>
<option name='second' value = '2'>option 2</option>
<option name='third' value = '3'> option 3</option>
</select>
<select id='counting' name='count0'>
<option name='first' value = '1'>1</option>
<option name='second' value = '2'>2</option>
<option name='third' value = '3'>3</option>
</select>
</div>
<button type='button' class="more">Add another...</button>
<script>
var c=0;
$('.more').on('click', function() {
//alert(c);
$(this).before( $(this).prev().clone());
$('#test').attr('name', 'test'+ c)
$('#counting').attr('name', 'count'+ c)
c++;
});
</script>
<input type="submit" value="Add this." name="what">
</form>
</body>
</html>
麻烦的是 - 在第一个"添加另一个..."之后按,ID 号不会递增。使用IEs DOM资源管理器查看它,id仅递增一次。 希望我知道如何在 DOM 资源管理器中剪切和粘贴,但我似乎只能复制一个元素。
取决于标记,但原则上非常简单,您可以创建一个按钮,单击该按钮时会克隆选择并插入克隆
$('.more').on('click', function() {
$(this).before( $(this).prev().clone() )
});
小提琴