Javascript 选择事件的ChangeSelectedValue_Javascript

Javascript 选择事件的ChangeSelectedValue

javascript

Javascript 选择事件的ChangeSelectedValue,javascript,Javascript,使用JavaScript更改标记的选定值时，如何触发事件我尝试过这样的事情，但现在我迷路了；s当我更改标记的选定值时，我想更改标签的值 function ChangeSelectValue(ddlID, value, change) { var ddl = document.getElementById(ddlID); } 这很简单，只需使用onchange=display（This.value）从select选项返回所选值，其中dispaly（）是用户定义的函数，This.va

使用

JavaScript

更改标记的选定值时，如何触发事件

我尝试过这样的事情，但现在我迷路了；s当我更改

标记的选定值时，我想更改标签的值

function ChangeSelectValue(ddlID, value, change) {
     var ddl = document.getElementById(ddlID); 
}

这很简单，只需使用onchange=display（This.value）从select选项返回所选值，其中dispaly（）是用户定义的函数，This.value返回所选值

        <!DOCTYPE html>
        <html>
        <head>
        <script>
            function display(str) {
                alert(str);
            }
        </script>
        </head>
        <body>

        <h1>My First JavaScript</h1>
        <p id="demo">This is a paragraph.</p>

         <select id="Country" onchange="display(this.value)">
         <option id="I" value="India">India</option>
          <option id="P" value="Pakistan" >Pakistan</option>
          <option id="S" value="SriLanka">SriLanka</option>
            <option id="C" value="China" >China</option>
          </select>

        </body>
        </html>


功能显示（str）{
警报（str）；
}
我的第一个JavaScript
这是一个段落
印度
巴基斯坦
斯利兰卡
中国

简单来说，这只需要很少的JavaScript：

var selectEl = document.getElementById('fruits');
function labelChange () {
    var label = document.querySelector('label[for="' + this.id + '"]');
    label.textContent = 'You chose: ' + this.value;
}

selectEl.addEventListener('change', labelChange);

尽管上述代码是为实现

addEventListener（）

和

document.querySelector（）方法的当代/现代浏览器设计的
为了获得更大的向后兼容性，下面的代码也可以使用，尽管它比我想象的要“笨重”一些：
var selectEl = document.getElementById('fruits');
function labelChange () {
    var labels = document.getElementsByTagName('label'),
        text = 'textContent' in document ? 'textContent' : 'innerText',
        label;
    for (var i = 0, len = labels.length; i<len; i++) {
        if (labels[i].htmlFor == this.id) {
            label = labels[i];
        }
    }
    label[text] = 'You chose: ' + this.value;
}

selectEl.onchange = labelChange;

var selectEl=document.getElementById（'fruits'）；
函数labelChange（）{
var labels=document.getElementsByTagName（'label'），
text='textContent'文档中的'textContent'：'innerText'，
标签；
对于（var i=0，len=labels.length；i您如何调用此方法什么？什么方法？D：我也尝试了
但不起作用它与FireFox一起工作。为什么它与GoogleChrome不起作用？请按如下所示修改代码，以便它可以在印度-巴基斯坦-斯里兰卡工作中国