Question

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

<button type="button" class="btn" data-color="info" data-toggle="tab" data-target="#profile" tabindex="9">NEXT</button>

所以，我对字段值进行了简单的验证，根据这个，一些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>

但是，当我在Firefox中运行该页面时，从javascript显示“a.ownerDocument为null”返回给我一条错误消息。或者在Chrome中，错误消息是“无法读取属性'标记名'为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" })

JavaScript失败，原因尚不清楚

1 个答案: