jquery - 无法在选择时隐藏 div
问题描述
我正在div
根据输入用户动态添加 s。
问题是div
“添加新用户”,而不是减少div
s(当我减少 的数量时input
)它正在添加div
s。请参阅代码
https://jsfiddle.net/alessiow/n9xskt28/81/
$(function() {
$(".instancesN").change(function() {
var value = $(this).val();
$(".instancesNContainer").empty();
for (var i = 1; i < value; i++) {
var block = $("<div>", {
class: "block"
});
$(block).append($("div.instancesNSpecifics").html());
$(".instancesNContainer").prepend(block);
}
});
$(".instancesNContainer").on('change', '.usersvmaddnewdivsN', function() {
var value = $(this).val();
$(".usersvmaddnewdivsNContainer").empty();
for (var i = 1; i < value; i++) {
var block = $("<div>", {
class: "block"
});
}
$(this).parent().append($("div.usersvmaddnewdivsNSpecifics").html());
$(".usersvmaddnewdivsNContainer").append(block);
});
$("div.instancesNSpecifics").on('change', '.usersvmaddnewdivsN', function() {
var value = $(this).val();
$(".usersvmaddnewdivsNContainer").empty();
for (var i = 1; i < value; i++) {
var block = $("<div>", {
class: "block"
});
}
$(this).parent().append($("div.usersvmaddnewdivsNSpecifics").html());
$(".usersvmaddnewdivsNContainer").append(block);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='number' min="1" oninput="validity.valid||(value='1');" value="1" name='instancesN[]' placeholder="Instances #" class="instancesN form-control" />
<div class="instancesNContainer"></div>
<div class='instancesNSpecifics'>
<input type='number' min="1" oninput="validity.valid||(value='');" name='usersvmaddnewdivsN[]' placeholder="Add new Users" class="form-control usersvmaddnewdivsN" />
<div class="usersvmaddnewdivsNContainer"></div>
<div class='usersvmaddnewdivsNSpecifics'>
<div class="form-row">
<div class="col">
<input type="text" class="form-control usernamevmN" name='usernamevmN[]' placeholder="VM-Username" />
</div>
</div>
</div>
</div>
解决方案
推荐阅读
- angular - Angular 服务器端渲染 - 元标记未渲染
- jmeter - 如何使用 J-meter 脚本在网站上上传图像
- react-native - 使用 react-native 在linkedIn 上分享帖子
- apache - httpd.conf 中的配置代理
- java - Android在片段之间传递字符串
- r - 如何计算满足 R 中特定标准的观察值
- python-3.x - pyImage# 不存在
- oracle - 在连接浏览器中显示表格时如何修复 SQL Developer 中的 ORA-12801 错误
- android - Rx:如何取消通话?
- cloud - 飞天云是否为其云服务提供API