2つの要素とshow結果

Question

の値を除き、ボタンクリックで、私は、合計3つの要素

1. を持っているのTextBox
2. ドロップダウン
3. 私が欲しいものボタン

は...]ボタンをクリックしたときに、それは、TextBox & DropDownからパラメータを取得し、ボタンクリックでデータを返す必要があります。

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私もどれだけそれらのパラメータを置くことを教えjquery.services.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; 

ボタンをオンにする

Answer 1

ボタンにイベントリスナーを配置するだけで、 e。

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