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>

我需要将下拉值设为1，这将自动调用此onchange函数来查询数据库。

请提前帮助，谢谢。

Answer 1

使用onchange来调用函数

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 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
}

从html调用javascript函数自动下拉

2 个答案: