在select选项中获取具有不同名称和相同ID的值

时间:2017-09-02 08:02:20

标签: html html-select

请帮助我在这种情况下,我已通过图像上传代码,你可以看到代码

1 个答案:

答案 0 :(得分:0)

当您的ID相同时,选择器ID应该是唯一的“wakeupdaily”。有许多方法可以读取选择标记值,但最简单的无依赖关系解决方案是使用本机JS。

function select1() {
    var res = document.getElementById("wakeupdaily1").value;
    document.getElementById("result1").innerHTML = res;
}

function select2() {
    var res = document.getElementById("wakeupdaily2").value;
    document.getElementById("result2").innerHTML = res;
}
<select name ="daily1item1[]" id="wakeupdaily1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<button onclick="select1()">Get Value</button>
<p id="result1"></p>


<select name ="daily1item2[]" id="wakeupdaily2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<button onclick="select2()">Get Value</button>
<p id="result2"></p>