Ben html sayfamda açılır liste ve bir etiket kullanıyorum. Açılır liste listemin seçiminde etiketinin adını değiştirmek istiyorum. Bu nasıl mümkün olaiblir?html içinde açılır liste ile çalışma
pls benim için herhangi bir yardımı povide.
Ben html sayfamda açılır liste ve bir etiket kullanıyorum. Açılır liste listemin seçiminde etiketinin adını değiştirmek istiyorum. Bu nasıl mümkün olaiblir?html içinde açılır liste ile çalışma
pls benim için herhangi bir yardımı povide.
kontrol this example değiştirmek gibi geliyor soruyu.
Etkinliğin değiştiğini görmek için etiketinizin "name" özelliğini ve metin içeriğini (yeni name attribute değerini okuyarak) değiştirir.
<script type="text/javascript">
function changeValue(select) {
var value = select.options[select.selectedIndex].value;
var label = document.getElementById('mylabel');
label.setAttribute('name', value);
label.innerHTML = label.getAttribute('name');
}
</script>
<select name="selectcity" onchange="changeValue(this);" >
<option>Mumbai</option>
<option>Delhi</option>
</select>
You selected: <label id="mylabel" name="citylabel"></label>
<select id='derp' onchange="changeVal(this,'changeme');"> <!-- declare select, set onchange to point to changeVal JS -->
<option value='test'>test</option>
</select>
<input id='changeme' />
<script type='text/javascript'>
function changeVal(el,changeElID){
var changeEl = document.getElementById(changeElID); // Get input to change
changeEl.value = el.options[el.selectedIndex].value; // Change input value to value of selected index
}
</script>
[DÜZENLE] yeniden okuma sen ... giriş kutusunun adını değiştirmeye çalışmak eğer böyleyse, changeEl.value
changeEl.name
için
HTML:
<table cellspacing="0" cellpadding="1" rules="all" border="0" id="gvLanguage">
<tr>
<td align="left">
<select id="ddlLanguage" style="width: 230px;">
<option value="0">[Select]</option>
<option value="1">Afrikaans</option>
<option value="2">Akan</option>
<option value="3">Albanian</option>
<option value="4">American</option>
</select>
</td>
</tr>
<tr>
<td>
Selected Value: <label id="lblChange" ></label>
</td>
</tr>
</table>
JQUERY:
$(document).ready(function(){
$("#ddlLanguage").change(function(){
var vSelectedValue = $("option:selected",$(this)).text();
$("#lblChange").text(vSelectedValue);
});
});
Teşekkürler, yardımınız için ama basit html içinde doller ne anlama geldiğini anlamıyorum. – Sandeep
OP, jQuery istemiyor, ancak sade javascript uygulaması için. Dolar işareti, javascript geliştirmeyi daha az yorucu yapan jQuery adlı kütüphanenin kullanımıyla ilgilidir. –
@Sandeep: Aslında $ işareti jQuery'yi jQuery hakkında bilmiyorsanız jQuery hakkında bilgi sahibi değilseniz jQuery hakkında bilgi sahibi olmayıp jQuery hakkında bilgi sahibi olmayı tercih ediyorum. -browser uyumluluğu, JavaScript ve daha birçok daha az kod gerektirir, ancak son seçim sizin. – Sukhjeevan
kodunuzu sağlıyor? i basit html sayfası kullanıyorum –
– Sandeep