在按一下按钮，除了两个元素，并显示结果值

Question

我共有3个单元

1. 文本框
2. 下拉
3. 按钮

...我想要的是按键点击它应该从文本框中取参数& DropDown并返回Button上的数据点击

this.html

<div class="input" div id="Searching"><input type="text" name="Search" id="Search" class="ContextualSearchField" placeholder="Search" size="40" value=""/></div> 
    &nbsp;&nbsp; 
    <div class="dropdown"> 
     <button class="dropbtn">Search&#x25BC;</button> 
     <div id="myDropdown" class="dropdown-content"> 
     <a id="Alert" type="button" class="btn btn-lg btn-default" href="#">Alert</a> 
     <a id="IR" type="button" class="btn btn-lg btn-default" href="#">Incident Report</a> 
     <a id="Site" type="button" class="btn btn-lg btn-default" href="#">Site</a> 
     <a id="Devices" type="button" class="btn btn-lg btn-default" href="#">Devices</a> 
     </div> 
    </div> 
    <button type="submit" onclick="SearchContext()" id="searchbutton">Search Now</button> 

this.js

var Search = document.getElementById("Search").value; 
alert(Search); 
Dropdown = document.getElementById("myDropdown").value; 
SearchButton = document.getElementById("searchbutton").value; 
var Alert = document.getElementById("Alert").value; 
var IR = document.getElementById("IR").value; 
var Site = document.getElementById("Site").value; 
var Devices = document.getElementById("Devices").value; 

我也曾在jquery.services.js

创建的服务，为他们只是告诉我如何把这些参数on button

Answer 1

只需在你的按钮上放置一个事件监听器，而不是在这个scop中做你的事情即

document.querySelector('.dropbtn').addEventListener('click',function(){ 
    //do your required things in here. E.g: 
    var Site = document.getElementById("Site").value; 
    var Devices = document.getElementById("Devices").value; 
}); 

如果你想把它们放在一个元素中，只需将参数添加到元素。 E.g：
<button id="example" lang="tr" user-id="15" target="Search">Click me</button>
并采取从JS这个参数，做这样使用HTML元素的功能getAttribute()：

var lang = document.getElementById('example').getAttribute('lang'); 
var user_id = document.getElementById('example').getAttribute('user-id');