Javascript 在按钮上单击除两个元素的值外的其他值并显示结果

我一共有3个元素

文本框

下拉列表

钮扣

我想要的是。。。点击按钮时，它应该从文本框和下拉列表中获取参数，并在点击按钮时返回数据

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>

我还在jquery.services.js中为他们创建了服务

---

告诉我如何在按钮上设置这些参数，只需在按钮上设置一个事件侦听器，即可在该范围内执行操作

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

若要将它们放入元素中，只需将参数添加到元素中即可。例如：

单击我

要从JS获取此参数，请使用HTML元素函数

getAttribute（）

：

---

你能发布你的HTML吗？看，我已经补充了你面临的问题是什么？如何通过按钮上的下拉参数获得你的答案。。。。你能告诉我应该把这个放在哪里吗。。。根据我的this.js，我已经将它们放在了一个函数中。。。。那个么我应该把你们的代码放在哪里呢？除非做一个大项目，否则位置并不是很重要。（很抱歉延迟回复，请务必将其放在您可以到达的地方。例如，除非确实需要，否则不要将其放在功能范围内）

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

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