0

以下は私のコードです：

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

選択ボックスまたはコンボ ボックスが 10 回ループすると、form["city"]長さは 10 として正しく取得され、コンボ ボックスalerts内の動作は適切ですが、単一の選択ボックスがある場合は、form["city"]長さを1与える代わりに私のドロップダウンボックス内の要素4の数です。option

したがって、私の論理はここでは機能しません。

単一および複数のコンボ/選択ボックスの両方で機能させるにはどうすればよいですか。

どんな助けでも大歓迎です。

4

1 に答える 1

0

ブラウザ間の互換性のために、jQuery などの JavaScript ライブラリを使用してください。

次のコードを使用して、select 要素が 1 つだけ存在するか、同じ名前の 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
}

選択ボックスが 1 つしかない場合、行var txtS = form["city"];はその選択ボックス内のオプション要素の配列を返し、同じ名前の選択ボックスが複数ある場合、選択ボックスの配列を返します。

お役に立てれば。

ご質問とは関係ありませんが、このロジックif(!txtS[i].options[3].selected && flag)は常に を返しfalseます。

于 2012-07-30T10:04:51.967 に答える