jquery - 删除输入值时动态添加的标签文本
问题描述
如果输入的值为空,我已将所有标签文本附加到 div#test,并且希望在用户在文本框/下拉列表中输入/选择值时将其删除。
<div id="test">
</div>
$('input, select').each(function(){
var $element = $(this)
if ($element.val() == '') {
var $label = $("label[for='"+this.id+"']");
$("#test").append($label.text());
}
});
注意:由于表格很大,只添加了相关代码。
解决方案
我不确定这是你想要的。如果我理解您的问题,您想从#test div 中删除输入字段中具有值的标签。
HTML 代码:
<label for="input_1">Label</label><br />
<input type="text" name="input_1"/><br />
<label for="input_2">Label2</label><br />
<input type="text" name="input_2" />
Javascript代码:
function addEmptyToDiv() {
$('input, select').each(function(){
var $element = $(this)
if ($element.val() == '') {
var $label = $("label[for='"+this.name+"']");
$("#test").append($label.text());
}
});
}
addEmptyToDiv();
$('input, select').on("change paste keyup blur", function() {
// Remove everything from the #test div
$("#test").empty();
addEmptyToDiv();
});
推荐阅读
- json - 如何将数组从postgres db转换为laravel中的数组变量?
- html - 单击 HTML/CSS 时,单选按钮不会更改背景颜色
- python - 如何将我的日期格式转换为另一种格式
- python - 在 pi 上同时运行 python tkinter 按钮和按钮
- javascript - 通过第二个文件(包括 DiscordJS)重新分配变量值
- python - 是否可以使用具有时间编码类型的 altair 变换过滤器?
- java - 如何创建 mp3 文件的缩略图
- r - 如何在R(ggplot)库中的每个x步长轴中标记最小值
- reactjs - 创建反应应用程序在创建包后无法处理。json
- node.js - 在 windows7 中安装节点时出错