JavaScript 错误消息

Question

在我的商店中，有一些订单在某些网络浏览器上没有选择选项(绕过 javascript 警报)。响应各种网络浏览器(包括 IE 9)的最佳 JavaScript 是什么。

这是代码。

JS

     function doCart() {
        if ( document.form1.opt1 != null && document.form1.opt1.value == "" ) {
            alert("Please Select Options");
        } else if ( document.form1.opt2 != null && document.form1.opt2.value == "" ) {
            alert("Please Select Options");
        } else if ( document.form1.opt3 != null && document.form1.opt3.value == "" ) {
            alert("Please Select Options");
        } else {
            document.form1.action = "/order/cartaction.jsp";
            document.form1.submit();
        }
     }

HTML

      <TABLE id="detail" cellpadding=3>
        <TR>
            <TD width=110  class="atitle">Size/Color</TD>
            <TD style="LETTER-SPACING: -1px" align="left">
                <select name="opt1" class="select_detail">
                    <option>Size/Color</option>
                    <option>--------</option>
                    <option value="BLACK/34A">BLACK/34A</option>
                    <option value="BLACK/34B">BLACK/34B</option>                                    
                </select>
            </TD>
        </TR>

        <TR>
            <TD class="atitle">Bottom</TD>
            <TD style="LETTER-SPACING: 1px" align="left">
                <select name="opt2" class="select_detail">
                    <option>Bottom</option>
                    <option value="Black/S">Black/S</option>
                    <option value="Almond/S">Almond/S</option>                                           
                </select>
            </TD>
        </TR>
    </TABLE>

    <a href="javascript:doCart();"><img src="/images/list/doCart.gif"></a>

Answer 1

快速修复:更改前两个 option第一个元素select元素和第一个 option第二个元素 select元素，以便它们具有属性 value="" 。例如，<option value="">Size/Color</option> .

原因是默认情况下，value option 的属性(property)元素的值取自 option 的内容元素。所以在你的情况下，document.form1.opt1.value最初是 Size/Color .