使用jquery刪除輸入佔位符

Question

沒有人知道如何使用jquery刪除輸入佔位符？

我想要做的是，如果其中一個inputbox得到了一個值...所有的inputbox佔位符將被刪除....有誰知道該怎麼做？

<input type="text" name="name" placeholder="1.)"> 
<input type="text" name="age" placeholder="2.)"> 
<input type="text" name="address" placeholder="3.)"> 

Answer 1

應該工作：

$(':input').removeAttr('placeholder'); 

Answer 2

$('input[name="name"]').removeProp('placeholder'); 

Answer 3

.removeAttr()

var txtbox = $('input[type="text"]'); 
txtbox.change(function() { 
    txtbox.removeAttr('placeholder'); 
}); 

Answer 4

獲取所有的投入，並附加一個change事件處理，事件處理程序中，從獲得的價值全部輸入，將這些值連接在一起，如果它們仍然沒有，則沒有輸入值具有長度，的輸入中的至少一個具有價值，並且可以刪除佔位符屬性：

var inputs = $('input[type="text"]'); 

inputs.on('change', function() { 
    if ($.map(inputs, function(el) { return el.value; }).join('').length) 
     inputs.removeAttr('placeholder'); 
}); 

FIDDLE

Answer 5

您可以將佔位符更改爲空字符串上keyup。

$("input[type=text]").keyup(function() { 
    $("input[type=text]").attr("placeholder","") 
}); 

JSFiddle demo

Answer 6

嘗試：

if ($(input).val()) { 
$(input).attr("placeholder", "") 
} 

Answer 7

會是這樣的工作？未經測試，但應在第一次更改任何輸入時刪除佔位符屬性。

var inputs = $('input'); 

inputs.one('change', function(){ 
    inputs.removeAttr('placeholder'); 
}); 

Answer 8

我已經走了一步，萬一你也想要這個。此代碼將刪除所有文本輸入中的佔位符文本（如果其中任何文本有值），但如果您刪除了所有值，它將佔用佔位符文本。可能沒有必要，但有它...

var $inputs = $("input:text"); 

$inputs.on("change", function() { 
    if ($.map($inputs, function(el) { if (el.value) return o.value; }).length) { 
     $inputs.each(function() { 
      this._placeholder = this.placeholder; 
      $(this).removeAttr("placeholder"); 
     }); 
    } else { 
     $inputs.each(function() { 
      this.placeholder = this._placeholder; 
     }); 
    } 
}); 

jsfiddle example...

Answer 9

我不RECCOMEND刪除佔位

相反，做一個重點，這將在那一刻自動隱藏佔位符：

$(element).focus();