एचटीएमएल

Question

में ड्रॉपडाउनलिस्टबॉक्स के साथ काम करना मैं ड्रॉपडाउन सूची और मेरे एचटीएमएल पेज में एक लेबल का उपयोग कर रहा हूं। मैं अपने ड्रॉपडाउनलिस्ट बॉक्स के चयन पर लेबल का नाम बदलना चाहता हूं। यह कैसे संभव है?

pls मेरे लिए कोई मदद povide।

Answer 1

चेक this example।

यह परिवर्तन में परिवर्तन देखने के लिए आपके लेबल की विशेषता 'नाम' और इसकी टेक्स्ट सामग्री (अपना नया नाम विशेषता मान पढ़ना) बदल देगा।

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

Answer 2

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

[संपादित करें] फिर से पढ़ने सवाल यह लग रहा है आपको इनपुट बॉक्स के नाम बदलने के लिए कोशिश कर रहे हैं की तरह ... यदि यह मामला है, बदल changeEl.valuechangeEl.name को

Answer 3

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