javascript - 自动从 html 下拉列表中调用 javascript 函数

Question

我不擅长 html 或 JavaScript，并且我一直在尝试从 html 下拉列表中自动调用 JavaScript 函数。我的要求是隐藏 html 下拉菜单并对下拉菜单的值进行硬编码，并自动调用根据该硬编码值查询数据库的函数。从数据库检索到的其他值将在 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> 

我需要drop down的值为1，它会自动调用这个onchange函数来查询数据库。

请帮忙，提前致谢。

Answer 1

使用onchange调用函数

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>