JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Servlet/JSP 討論區  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友   
reply to postflat modego to previous topicgo to next topic
本主題所含的標籤
無標籤
作者 AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現
jacklee26





發文: 23
積分: 0
於 2016-07-28 03:20 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
請問各位前輩我有一個jsp +ajax+my sql想問大家。但我覺得是browser 的問題。
我在IE用下拉式會出現,但在firefox chrome都不會出現。是不是那理要加什麼東西.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<%@ page contentType="text/html; charset=big5" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>會員註冊</title>
</head>
<script language="JavaScript" type="text/JavaScript">
 
 var xmlHttp;
 
function doSearchMonth() {
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleYearChange;
    xmlHttp.open("GET", "xml_month.jsp", true);
    xmlHttp.send(null);
}
function doSearchCity() {
    var queryString = createCityQueryString();
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", queryString, true);
    xmlHttp.send(null);
}
function handleStateChange() {
   if (xmlHttp.readyState == 4) {
       if (xmlHttp.status == 200) {
        updateCity();
     }
   }          
}
function createXMLHttpRequest() {
  if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else if (window.XMLHttpRequest) {
      xmlHttp = new XMLHttpRequest();
    
  }
}
function createCityQueryString() {
    var id=document.getElementById("state").value; 
  var queryString="xml_city1.jsp?" + "sid=" + id;
  return queryString;    
}
 
function handleYearChange() {
   if (xmlHttp.readyState == 4) {
       if (xmlHttp.status == 200) {
        updateMonth();
     }
   }          
}
function updateMonth() {
  clearMonthList();
   var c = document.getElementById("month");
   var results = xmlHttp.responseXML.getElementsByTagName("ms");
   var option = null;
   var id;
   var month;
   option = document.createElement("option");
   option.setAttribute("value","0");
   option.appendChild(document.createTextNode("請選擇"));
   c.appendChild(option); 
   for (var i=0;i<results.length;i++)
   {
      id = results[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
    month = results[i].getElementsByTagName("month")[0].childNodes[0].nodeValue;
      option = document.createElement("option");
    option.setAttribute("value",id);
    option.appendChild(document.createTextNode(month));
    c.appendChild(option);
   }
}
function updateCity() {
   clearCityList();
   var c = document.getElementById("city");
   var results = xmlHttp.responseXML.getElementsByTagName("cities");
   var option = null;
   var id;
   var city;
   option = document.createElement("option");
   option.setAttribute("value","0");
   option.appendChild(document.createTextNode("請選擇"));
   c.appendChild(option); 
   for (var i=0;i<results.length;i++)
   {
      id = results[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
    city = results[i].getElementsByTagName("city")[0].childNodes[0].nodeValue;
      option = document.createElement("option");
    option.setAttribute("value",id);
    option.appendChild(document.createTextNode(city));
    c.appendChild(option);
   }
}
function clearMonthList() {
   var c = document.getElementById("month");
   while (c.childNodes.length > 0) {
       c.removeChild(c.childNodes[0]);
   }  
}
 
function clearCityList() {
   var c = document.getElementById("city");
   while (c.childNodes.length > 0) {
       c.removeChild(c.childNodes[0]);
   }  
}
function val_id() {
    var queryString = createIdQueryString();
  if(register.userid.value.length<6)  { 
      alert("您輸入的帳號不得少於6個字元");
    } else {
      createXMLHttpRequest();
      xmlHttp.onreadystatechange = callback;
      xmlHttp.open("GET", queryString, true);
      xmlHttp.send(null);
  }  
}
function createIdQueryString() {
    var id=document.getElementById("userid").value; 
  var queryString="xml_validate.jsp?" + "info=" + id + "&type=1" ;
  return queryString;    
}
function callback() {
   if (xmlHttp.readyState == 4) {
       if (xmlHttp.status == 200) {
        var source = xmlHttp.responseXML.getElementsByTagName("source")[0].firstChild.nodeValue;
      var res = xmlHttp.responseXML.getElementsByTagName("res")[0].firstChild.nodeValue;
      if (source == "1" && res=="f") {
          alert("使用者帳號已被其他會員註冊");
        document.getElementById("userid").value="";
      }    
        if (source == "2" && res=="f") {
           alert("e-mail帳號已存在");
         document.getElementById("email").value="";
      }
     }
   }          
}
function val_email() {
   
}
function createEmailQueryString() {
    
}
function check() {
  register.action = "register_check.jsp";
    egister.submit();
}
 
</script>
 
<body>
<%
   Connection con ;
   PreparedStatement stmt = null;
   ResultSet rs = null;  
   Class.forName("com.mysql.jdbc.Driver").newInstance();//載入驅動程式類別
   con = DriverManager.getConnection("jdbc:mysql://localhost:3306/abc?user=root&useUnicode=true&characterEncoding=big5");
%>
<table width="80%" align="center" border="1">
<form name="register" method="post" action="register_check.jsp">
<tr>
  <td align="center"><font size="7">會員註冊(進階)</font></td>
</tr>
 
<tr><td>帳號:<input name="userid" id="userid" type="text" onChange="val_id()"></td></tr>
<tr><td>密碼:<input name="pwd" id="pwd" type="password"></td></tr>
<tr>
  <td>出生:年:
    <select name="year" id="year"  onChange="doSearchMonth()">
            <option value=0 selected>請選擇</option>
<%
       stmt = con.prepareStatement("select * from years");
       rs = stmt.executeQuery();
     while (rs.next()) {
%>
              <option value="<%=rs.getInt("id")%>"><%=rs.getInt("year")%></option>
                  <%     
     }
%>
              </select>
    月:
    <select name="month" id="month">
              </select>    </td>
</tr>
<tr>
  <td>縣市:
    <select name="state" id="state"  onChange="doSearchCity()">
            <option value=0 selected>請選擇</option>
<%
       stmt = con.prepareStatement("select * from state");
       rs = stmt.executeQuery();
     while (rs.next()) {
%>
              <option value="<%=rs.getInt("id")%>"><%=rs.getString("name")%></option>
                  <%     
     }
%>
              </select>
   鄉鎮區:
<select name="city" id="city">
</select></td>
</tr>
 
<tr><td>電子郵件:<input name="email" id="email" type="text" onChange="val_e
mail()"></td></tr>
<tr><td><input type="button" name="button" value="註冊" onClick="check()">
<input name="reset" type="reset" id="reset" value="重新填寫"></td></tr>
</form> 
</table>
 
</body>
</html>
 


reply to postreply to post
話題樹型展開
人氣 標題 作者 字數 發文時間
905 AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 6483 2016-07-28 03:20
777 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jeromyChen 36 2016-07-28 03:37
779 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 25 2016-07-28 04:29
765 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jeromyChen 118 2016-07-28 05:26
814 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 285 2016-07-28 09:41
730 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jeromyChen 31 2016-07-29 00:39
735 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 706 2016-07-29 09:16
679 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 roytsang 364 2016-08-01 09:26
707 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 189 2016-08-01 10:00
666 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 roytsang 1186 2016-08-02 08:44
716 Re:AJAX 在IE用下拉式會出現,但在firefox chrome都不會出現 jacklee26 6 2016-08-04 06:27
» JWorld@TW »  Servlet/JSP 討論區

reply to postflat modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8