Question

注意：这个问题可能看起来重复，但我找不到我想要的东西。

我正在尝试从所选下拉项中获取属性值，并在更改/更新下拉列表时将其写入文本框。

HTML code：

<select id="dropdown" onchange="ChooseContact()">
    <option value='1' cal='One'>1</option>
    <option value='2' cal='Two'>2</option></select>

<input id="abc" type="text">

Javascript代码：

function ChooseContact() {

    var y=document.getElementById("dropdown").options[select.selectedIndex].getAttribute("cal");
    document.getElementById("abc").value = y;
}

点击此处https://jsfiddle.net/KEY9y/1095/

Answer 1

如果查看浏览器开发工具控制台，您将看到错误select is undefined

然后查看函数可以看到你正在使用它但它从未被声明

尝试

function ChooseContact() {
    var select = document.getElementById("dropdown"); // declare "select" 
    var y = select.options[select.selectedIndex].getAttribute("cal");
    document.getElementById("abc").value = y;
}

的 DEMO

如何在下拉框中选择项目时在文本框中获取属性值？

1 个答案: