Question

我想将我的按钮值的参数传递给下拉列表。下面的源代码正在工作，但仅适用于一个按钮＆＃34; Base 1＆＃34;，如果我按下另一个按钮，下拉列表中的值将不会更改，仍会显示＆＃34; Base 1＆＃34;！< / p>

<div class="uk-margin">
     <div data-uk-button-radio="">
        <button id="sunny" class="uk-button" onclick="passValues()" value="1">Base 1</button>
        <button id="sunny" class="uk-button" onclick="passValues()" value="2">Base 2</button>  
     </div>

并为我的下拉

   document.getElementById('Floor').value = document.getElementById('sunny').value;

Answer 1

两个元素不能具有相同的ID。给出相同的类名。然后，您可以从按钮点击事件 this.value 中获取正确的值。

<button class="sunny" class="uk-button"  value="1">Base 1</button>
<button class="sunny" class="uk-button" value="2">Base 2</button>


var buttons = document.getElementsByClassName("sunny");

for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener("click", function(e) {
    alert(this.value);
});
};

Answer 2

<script type="text/JavaScript">    
function passValues(el)
   {document.getElementById('Floor').value =el.value}
</script>

和按钮：

onclick="passValues(this)"

从按钮到下拉列表的getElementById？

2 个答案: