Değerinde bağlantı bulunan bir HTML girdim var.
<input type = 'text' value = 'http://www.link.com' id = 'link' />
Belirli bir olaydaki değeri değiştirmek için jQuery kullanıyorum.
$('#link').val('new value');
Yukarıdaki kod metin kutusunun değerini değiştirir ancak koddaki değeri değiştirmez (değer = 'http://www.link.com' değişmeden kalır). Değişim için = '' değerine de ihtiyacım var.
Yanıtlar:
attrBunun yerine kullanın .
$('#link').attr('value', 'new value');
setAttributeya da jQuery kullanarak attrDOM öğesinin değerini de etkileyeceksiniz: jsfiddle.net/a8SxF/1
.html(), o zaman hala aynı eski değer olacaktır, fark etmez, .val('new value')ya da attr('value', 'new value')... :(
Value özelliğinin değiştirilmesi defaultValue,. Kodda ( .html()veya ile alınan innerHTML) değer özelliği defaultValue, value özelliğini değil, öğesini içerecektir .
Ricardo'nun cevabını biraz genişletmek için: https://stackoverflow.com/a/11873775/7672426
http://api.jquery.com/val/#val2
val hakkında ()
Bu yöntemi kullanarak (veya yerel değer özelliğini kullanarak) değer ayarlamak, change olayının gönderilmesine neden olmaz. Bu nedenle, ilgili olay işleyicileri çalıştırılmayacaktır. Bunları çalıştırmak istiyorsanız, değeri ayarladıktan sonra .trigger ("değiştir") çağırmalısınız.
Bu sadece başıma gelen olası bir senaryo. Birisine yardımcı olursa o zaman harika: Kodun bir yerinde tüm metin kutularının değerlerini göstermeden önce temizlemek için bir işlev kullandığım karmaşık bir uygulama yazdım. Bir süre sonra jquery val ('değer') kullanarak bir metin kutusu değeri ayarlamaya çalıştım, ancak bundan hemen sonra ClearAllInputs yöntemini çalıştırdığımı fark etmedim .. yani bu da olabilir.
$('#link').prop('value', 'new value');
Açıklama: Attr, jQuery 1.6'da çalışacak, ancak jQuery 1.6.1'den itibaren bazı şeyler değişti. Çoğu durumda, prop (), attr () işlevinin eskiden yaptığı şeyi yapar. Kodunuzdaki attr () çağrılarını prop () ile değiştirmek genellikle işe yarar. Attr, sayfa yüklemesinde html'de tanımlandığı şekliyle öğenin değerini verir ve prop, jQuery aracılığıyla değiştirilen öğelerin güncellenmiş değerlerini verir.
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
function changes() {
$('#link').val('new value');
}
</script>
<button onclick="changes()">a</button>
<input type='text' value='http://www.link.com' id='link'>
Benim için sorun, bu alanın değerini değiştirmenin işe yaramamasıydı:
$('#cardNumber').val(maskNumber);
Yukarıdaki çözümlerin hiçbiri benim için işe yaramadı, bu yüzden daha fazla araştırdım ve buldum:
DOM Seviye 2 Olay Spesifikasyonuna göre: Değişim olayı, bir kontrol giriş odağını kaybettiğinde ve odak kazandıktan sonra değeri değiştirildiğinde gerçekleşir. Bu, değişim olayının kullanıcı etkileşimi ile değişiklik üzerine tetiklenecek şekilde tasarlandığı anlamına gelir. Programatik değişiklikler bu olayın tetiklenmesine neden olmaz.
Çözüm, tetikleme işlevini eklemek ve aşağıdaki gibi değişiklik olayını tetiklemekti:
$('#cardNumber').val(maskNumber).trigger('change');
Benzersiz olmayan kimliğe sahip birden fazla öğeyi iki kez kontrol edin! Foreach döngüsü ve kimliklerimin kopyalanması durumum buydu.
in the code? Sayfanın orijinal (dolayısıyla değiştirilmemiş) kaynağına mı bakıyorsunuz?