在按一下按鈕，除了兩個元素，並顯示結果值

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');