JavaScript失败，原因尚不清楚

Question

我正在尝试在我的代码中实现一个简单的事情。 根据下拉菜单的值，我需要将display设置为不显示给其他div。 代码的第一部分是当我用数据库中的信息填充页面时。

<div class="row" id="boxNivelDesconto">
                @Html.LabelFor(model => model.CodigoNivelDesconto)
                <div class="right">
                    @Html.DropDownListFor(model => model.CodigoNivelDesconto, ViewBag.ListaDescontos as SelectList, new { @class = "big" })
                    @Html.ValidationMessageFor(model => model.CodigoNivelDesconto)
                </div>
            </div>
            <div class="row" id="boxJustificativaDesconto">
                @Html.LabelFor(model => model.CodigoJustificativaDesconto)
                <div class="right">
                    @Html.DropDownListFor(model => model.CodigoJustificativaDesconto, ViewBag.ListaJustificativas as SelectList, new { @class = "big" })
                    @Html.ValidationMessageFor(model => model.CodigoJustificativaDesconto)
                </div>
            </div>
            <div class="row" id="boxListaCategoria">
                @Html.LabelFor(model => model.Categoria)
                <div class="right">
                    @if (Model.TipoCliente == (short)Karcher.Portal.Web.Models.TipoCliente.PessoaJuridica)
                    {
                        @Html.DropDownListFor(model => model.CodigoCategoria, ViewBag.ListaCategorias as SelectList, new { @class = "big" })
                    }
                    else
                    { 
                        @Html.DropDownListFor(model => model.CodigoCategoria, ViewBag.ListaCategorias as SelectList, new { @class = "big oculto" })
                        <input id="CodigoCategoria-textbox" class="disabled" readonly="readonly" style="vertical-align: top; width: 367px" value="@Model.Categoria.Descricao" />
                    }
                    @Html.Hidden("CategoriaTrue", Model.CodigoCategoria)
                    <a class="item small text" id="ajuda" style="cursor: pointer" title="Selecione para visualizar a ajuda.">
                        <img alt="Ajuda?"  src="@Url.Content("~/Content/theme/gfx/icons/small/help.png")" /><span>Ajuda</span>
                    </a>
                    <div id="contOutros" style="display: none;">
                        <div class="content">
                            <div class="row">
                                <h2>
                                    Documentos necessários para anexo</h2>
                                <p>
                                    Segue abaixo os documentos necessários para anexar na proposta:</p>
                                <ul>
                                    <li>Contrato Social ou Requerimento de Empresário <i>(opcional)</i></li>
                                    <li>Cartão CNPJ</li>
                                    <li>Sintegra (caso cliente possua I.E.)</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="contRevenda" style="display: none;">
                        <div class="content">
                            <div class="row">
                                <h2>
                                    Documentos necessários para anexo</h2>
                                <p>
                                    Segue abaixo os documentos necessários para anexar na proposta:</p>
                                <ul>
                                    <li>Contrato Social ou Requerimento de Empresário <i>(opcional)</i></li>
                                    <li>Cartão CNPJ</li>
                                    <li>Sintegra (caso cliente possua I.E.)</li>
                                    <li>Fotos fachada, balcão, estoque e oficina</li>
                                    <li>Carta de Autorização de débito em conta corrente </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="contConsumidor" style="display: none;">
                        <div class="content">
                            <div class="row">
                                <h2>
                                    Documentos necessários para anexo</h2>
                                <p>
                                    Segue abaixo os documentos necessários para anexar na proposta:</p>
                                <ul>
                                    <li>Contrato Social ou Requerimento De Empresário <i>(opcional)</i></li>
                                    <li>Descrição Do Material a ser negociado mais o Valor do Pedido </li>
                                </ul>
                                <ul>
                                    <li><b>OBS.:</b> Ao negociar equipamentos(a partir da BD530)</li>
                                    <li>Enviar preenchido Contrato de Alienação</li>
                                    <li>Para locação enviar preemchido Contrato de Locação.</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    @Html.ValidationMessageFor(model => model.CodigoCategoria)
                </div>
            </div>

因此，我对字段值进行了简单的验证，因此，正如我之前所说，某些div不需要显示任何内容。

if (($("#CodigoNivelDesconto").val() == '') && ($("#CodigoJustificativaDesconto").val() == '') && ($("#CodigoCategoria").val() == '12')) {
            $("#boxNivelDesconto").attr("style", "display:none;");
            $("#boxJustificativaDesconto").attr("style", "display:none;");
        }

但是，例如，当我在Firefox中运行页面时，返回给我一个来自javascript的错误消息，显示“ a.ownerDocument为null”。 或在Chrome中，错误消息为“无法读取属性'tagname'为null”。

有人知道发生了什么吗？ 有什么建议可以解决吗？ 这让我发疯。 我已经尝试了很多解决方法来解决它，但是没有成功。

请帮我！

提前致谢。

Answer 1

您是否已验证选择器正在返回您期望的结果？

在其余处理代码之前，请尝试检查选择器返回的内容，即

if ($("#CodigoNivelDesconto").length > 0) { alert ('found it!'); }

我对MVC并不熟悉，但是到目前为止，您可能已经需要将@id添加到您的助手中：

@Html.DropDownListFor(model => model.CodigoNivelDesconto, ViewBag.ListaDescontos as SelectList, new { @id="CodigoNivelDesconto", @class = "big" })