Question

我正在onChange事件上调用javascript函数，但这只有在我们在组合框中有多个值时才会起作用。我很困惑，在这两种情况下，应使用哪个事件从组合框中选择值：

当我们只有一个值（不知道）时
当我们有多个价值时。（onchange将是最好的情况下）

任何帮助表示赞赏!!!

这是我的代码

<select name="zone" id="zone" onchange="showDistrict()" >
<%
 try {
                                                                                    ResultSet rs = state.executeQuery("SELECT ZONE_ID,ZONE FROM ZONE ORDER BY ZONE_ID");
                                                                                    while (rs.next()) {
                                      %>
<option value="<%=rs.getString(1)%>"><%=rs.getString(2) + " (" + rs.getString(1) + ")"%></option>
  <%
    }
 } catch (Exception ex) {
       %>
  <option value="ERROR">ZONE NOT AVAILABLE</option>
   <%                                                        }
                      %>
       </select>

这是函数，它将检索值，因为我将从组合框中选择值

function showDistrict(){

                    document.getElementById("msg1").style.display="block";
                    $.ajax({
                        url: '../service/list_district.jsp',
                        data: 'zone_id='+ $('#zone').val(),
                        type: 'post',
                        success: function(msg){document.getElementById("show_district").innerHTML=msg;
                            document.getElementById("msg1").style.display="none";
                        }});
                      }

Answer 1

尝试使用“onblur”事件：当选择失去焦点时触发它。

<select id="mySelect" onblur="javascript:myHandler();" />

或使用jquery：

$('#mySelect').blur(function(){
 //handler implementation here
});

当combobox只有一个值时调用javascript函数

1 个答案: