如何在jQuery中选择HTML

我想在jquery的帮助下选择几个选项。并将所选选项的值写在段落中。我的问题是，它只接受第一个选项，不接受下一个选择的选项，只返回第一个获得的值。我必须把它写在中，直到没有其他选择为止。我需要删除所选的选项

$（文档）.ready（函数（）{
var max_字段=26；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var selectopion=$（“#id_100选项：已选”）.val（）；
var x=1；
$（添加按钮）。单击（功能（e）{
$（“#id_100选项：选中”）.remove（）；
e、 预防默认值（）；
如果（x”）；
}否则{
警报（“已添加最大学生人数”）；
}
});
});

学生
6 | |学生
5 | |学生
4 | |学生
3 | |学生
2 | |学生
1 | |学生
问题是因为在加载页面时仅检索select的
val（）
。您需要在事件发生时获取该值，以便它与用户单击按钮时在DOM中选择的内容相匹配

此外，在附加
div
之后，需要将
remove（）
调用移动到，否则所选的
选项将在读取之前被删除

还要注意，在一些情况下，您将jQuery对象包装到另一个jQuery对象中。选择元素一次，并根据需要在事件处理程序中引用它们

最后，您可以使用
length
属性来确定附加到DOM中的元素数量，而不是全局
x
变量

这很好，但当选项用完时，它将继续写入null

通过确保select有一个值，可以很容易地解决这个问题

尝试以下工作示例：


$（文档）.ready（函数（）{
var max_字段=26；
变量$wrapper=$（“.container1”）；
var$add_button=$（“.add_form_field”）；
var$select=$（“#id_100”）；
$add_按钮。单击（功能（e）{
e、 预防默认值（）；
让selectValue=$select.val（）；
如果（！selectValue）
返回；
if（$wrapper.children（'div'）。长度ID:${selectValue}student
`）；
$select.find（'option:selected'）.remove（）；
}否则{
警报（“已添加最大学生人数”）；
}
});
});

学生
6 | |学生
5 | |学生
4 | |学生
3 | |学生
2 | |学生
1 | |学生
我不理解“添加需求+”。离题：
for=“day”
应该是
for=“id_100”
目标：在html选择完成之前将其写在段落中离题2:
$（添加按钮）。单击（函数（e）{
应该是
添加按钮。单击（函数（e）{
和
$（包装器）.append
到
包装。append
选择
没有标记为
多个
，因此一次只能选择一个项目。如果要一次选择多个项目，请在HTML中添加
多个
属性，并使用
$（'#id_100'）。val（）
获取所选项目的列表。这很好，但当选项用完时，它将继续写入null。我更新了答案，向您展示如何添加限制。这是一个非常好的选项，谢谢