2011-09-13 27 views
5

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.

+0

kodunuzu sağlıyor? i basit html sayfası kullanıyorum –

+0

Sandeep

cevap

1

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> 
+2

harika sizin yardım efendim – Sandeep

+0

için .thanks çalışıyor sevindim! En faydalı ve doğru olan cevabı kabul etmeyi unutmayın. –

+0

efendim, ayrıca açılan liste kutusunun seçiminde de görüntüyü değiştirmek istiyorum. pls herhangi bir yardım – Sandeep

1
<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.valuechangeEl.name için

0

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); 
    }); 
}); 

CLICK HERE TO SEE THE DEMO

+0

Teşekkürler, yardımınız için ama basit html içinde doller ne anlama geldiğini anlamıyorum. – Sandeep

+0

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. –

+0

@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

İlgili konular