当组合框只有一个值时调用Javascript函数

Calling Javascript function when combobox have only one value

本文关键字：调用 Javascript 函数 有一个 组合      更新时间：2023-09-26

我在onChange事件上调用Javascript函数，但只有当组合框中有多个值时，这才有效。我很困惑，在两种情况下，哪个事件应该用于从组合框中选择值：

  1. 当我们只有一个值时（不知道）
  2. 当我们有多个值时。（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";
        }});
      }

尝试"onblur"事件：当选择失去焦点时会触发它。

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

或者使用jquery：

$('#mySelect').blur(function(){
 //handler implementation here
});
相关文章：