以下是我的代码
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<script type="text/javascript">
var flag = false;
function test(selObject)
{
alert("hi");
var form = document.forms[0];
alert("form"+form);
var txtS = form["city"];
alert("txt"+txtS);
var len = txtS.length;
alert("len"+len);
for(var i=0; i<len; i++)
{
if (selObject == txtS[i] )
{
if(txtS[i].value==txtS[i].options[3].value)
{
alert("YOU ARE SELECTING MYSORE CITY");
flag = true;
}
if(!txtS[i].options[3].selected && flag)
{
var result = confirm("Are you sure you wnat to travel to this city");
if(result)
{
flag = false;
}
else
{
txtS[i].options[txtS[i].options.selectedIndex].selected=false;
txtS[i].options[4].selected=true;
}
}
}
}//end of for loop
}
</script>
<html:form action="/login">
username:<input type="text" name="username" /></br>
password:<input type="password" name="password"/></br>
<%
for(int i = 0; i < 10; i++){
%>
<html:select property="city" onchange="javascript:test(this);">
<html:option value="B">BANGALORE</html:option>
<html:option value="C">CHENNAI</html:option>
<html:option value="M">MANGALORE</html:option>
<html:option value="MR">MYSORE</html:option>
</html:select></br>
<%
}
%>
<input type="submit" value="submit"/>
</html:form>
当select-box或combo-box循环十次时,我的form["city"]
长度正确为10,并且combox-box中alerts
的行为是合适的,但如果我有一个-select-box,然后将form["city"]
长度设为1
,而不是4
,这是我的下拉框中option
元素的数量。
所以我的逻辑在这里不起作用。
如何使其适用于单个以及多个组合/选择框。
提前致谢。任何帮助将不胜感激。
答案 0 :(得分:0)
请使用jQuery之类的javascript库来实现跨浏览器兼容性。
您可以使用以下代码确定只存在一个select元素,或者存在多个具有相同名称的select元素:
if (selObject == txtS) {
alert("Single select");
// ... your logic for a single combo-box follows after this
} else {
// your logic for multiple combo-box follows, like the "for" loop and if-else
}
当只有一个选择框时,行var txtS = form["city"];
将在该选择框中返回一个选项元素数组,当多个选择框具有相同名称时,它将返回一个选择框数组。
希望这有帮助。
与您的问题无关,但此逻辑if(!txtS[i].options[3].selected && flag)
将始终返回false
。