在按钮上单击除了两个元素的值并显示结果

Question

我总共有 3 个元素

文本框
下拉菜单
按钮

我想要的是...在按钮单击时它应该从 TextBox 和 DropDown 中获取参数和return按钮单击时的数据

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

中为他们创建了服务

告诉我如何将这些参数放在按钮上

Answer 1

只需在您的按钮上放置一个事件侦听器，而不是在此范围内执行您的操作。

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

如果你想将它们放在一个元素中，只需在元素中添加参数即可。例如：
<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');

在按钮上单击除了两个元素的值并显示结果

On button click except values of two element and show result

html

javascript

phonegap