亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

輸入值時刪除動態添加的標簽文本

輸入值時刪除動態添加的標簽文本

慕容708150 2023-11-13 15:19:25
如果輸入的值為空,我已將所有標簽文本附加到 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());    }}); 注意:由于表格較大,僅添加了相關代碼。
查看完整描述

1 回答

?
明月笑刀無情

TA貢獻1828條經驗 獲得超4個贊

我不太確定這就是你想要的。如果我理解你的問題,你想從 #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();


});

工作小提琴: https://jsfiddle.net/6csyoL24/


查看完整回答
反對 回復 2023-11-13
  • 1 回答
  • 0 關注
  • 143 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號