htmlドロップダウンからjavascript関数を自動的に呼び出す

Question

私はhtmlやJavaScriptでうまくいかず、htmlドロップダウンからJavaScript関数を自動的に呼び出すように努力してきました。 私の要件は、htmlドロップダウンを隠し、ドロップダウンの値をハードコードし、このハードコードされた値に基づいてデータベースを照会する関数を自動的に呼び出すことです。 dbから取得した他の値は、UIで使用されます。 JavaScriptの関数である：ドロップダウン

Behaviour.register({ 

    '#retailerSelect': function(select) { 

     select.onchange = function() { 

      if (getValue(select) == ""){ 
       setValue('query(branch)', ""); 
       setValue('query(store)', ""); 
       setValue('query(terminalId)', ""); 
      } 
      this.form.submit(); 
     } 
    }, 

HTMLは次のとおりです。

<td width="33%" align="center" > 
      <payo:layout columns="1"> 
       <payo:cell nowrap="nowrap" align="center"> 

        <html:select styleId="retailerSelect" style="margin:2px" property="query(retailer)"> 
        <html:option value="1"><bean:message key="tms.dropdown.select.retailer"/></html:option> 

         <c:forEach var="retailer" items="${retailers}"> 
          <html:option value="${retailer.id}">${retailer.retailerName}</html:option> 
         </c:forEach> 

        </html:select> 
       </payo:cell> 
      </payo:layout> 
     </td> 

私は自動的にDBを照会するために、こののonchange関数を呼び出しますされ、1として、ドロップダウンの値を必要とします。

ご協力ありがとうございます。

Answer 1

これは、2つの方法によって達成することができます。

1. <select id="mySelect"></select> 

$('#mySelect').click(function(){ 
    var value = $(this).val(); 
    // ajax call 
}); 

2. <select onChange="myFunction(this.value)"></select> 

function myFunction(value) 
{ 
    // ajax call 
} 

Answer 2

使用すると、これはプレーンなJSのように見えない

function selectedNum(number) { 
 
    alert(number); 
 
    }

<select name="numbers" onchange="selectedNum(this.value)"> 
 
<option value="">Please select</option> 
 
<option value="1">1</option> 
 
<option value="2">2</option> 
 
<option value="3">3</option> 
 
</select>