按组合值隐藏字段

时间:2018-01-19 08:39:54

标签: javascript jquery jsp

我在表单中有两个字段。一个是具有4个值的下拉列表,另一个是文本字段。当我使用数据加载表单时,我尝试执行控件来隐藏自由文本字段,而我选择的记录特别是从下拉列表中有一个值。问题是我做了一半,因为它返回数据,但我必须从列表中选择一个随机值,以便文本字段消失。当我从列表中选择另一个值时,它会从文本字段中返回空数据。

    <div id="caja" class="formularios ico_esq_especies">



    <h2>Alta nombre sinónimo del taxon <i>Lynx pardinus (Temminck, 1827)</i></h2>   


<form id="modificaNombreSinonimoForm" action="#" method="post">
    <input name="idTUsuarios" id="idTUsuarios" value="0" type="hidden">
    <input name="scientificname" id="scientificname" value="Lynx pardinus (Temminck, 1827)" type="hidden">
    <input name="pagPrev" id="pagPrev" value="" type="hidden">
    <input name="idTaxon" id="idTaxon" value="" type="hidden">
    <input name="scientificnameid" id="scientificnameid" value="11943" type="hidden">


    <div id="f_2colselect">
        <span class="tx_slect">Status:</span><br>
            <div class="styled-select">
            <select id="idtaxonomicstatus" name="idtaxonomicstatus">
                <option value="">Seleccione...</option>
                <option class="select" value="0">Desconocido</option><option class="select" value="1" selected="selected">Aceptado/Válido</option><option class="select" value="2">Sinonímia</option><option class="select" value="3">Ambiguo</option>
            </select>
        </div>
    </div>
    <p class="f_2col">Identificador del taxon:
        <input id="acceptednameusageid" name="acceptednameusageid" value="11943" style="display: none;" type="text">
    </p>

    <p>* indica campo obligatorio</p>

        <div id="botones">
            <input id="guardarNombreSinonimo" class="bt_derecha" value="Guardar" type="button">
            <input id="volver" class="bt_izquierda" value="Volver" type="button">
        </div>

</form>
<script>

$(document).ready(function() {

    $("#idtaxonomicstatus").change(function(){
        var opcion = $(this).val();
        if (opcion == "1" || opcion == "-1")
           $("#acceptednameusageid").hide();
        else
           $("#acceptednameusageid").show();
    });

    $("#volver").click(function(){
        var elem = document.createElement('textarea');
        elem.innerHTML = "/portal/site/iepnbPortal/template.PAGE/especies2/?javax.portlet.tpst=ea0cc0146a52b88ecb55b5b5235d20a0&amp;javax.portlet.prp_ea0cc0146a52b88ecb55b5b5235d20a0=idEspecie%26accion%3DverFormConsultaEspeciesFiltrado&amp;javax.portlet.begCacheTok=com.vignette.cachetoken&amp;javax.portlet.endCacheTok=com.vignette.cachetoken";
        window.location.href = elem.value;
    });

    $("#guardarNombreSinonimo").click(function(){

        var error = false;
        var mensajeErrores = "";

    $("#alertas_obligatorias").html("");

        mensajeErrores = "<ul>";

        if($.trim($("#scientificname").val()) == ""){
            $("#scientificname").removeClass("campo_normal").addClass('campo_obligatorio'); 
            mensajeErrores = mensajeErrores+'<li>Campo <i>Nombre Sinónimo</i> es obligatorio</li>';
            error = true;
        }else {
            $("#scientificname").removeClass("campo_obligatorio").addClass("campo_normal");
        }


        if (error){
            mensajeErrores = mensajeErrores+'</ul>';
            $("#alertas_obligatorias").html(mensajeErrores);
            $("#alertas_obligatorias").show('slow');
        }
        if(!error){
            $("#modificaNombreSinonimoForm").attr("action", "/portal/site/iepnbPortal/template.PAGE/action.process/especies2/?javax.portlet.action=true&javax.portlet.tpst=ea0cc0146a52b88ecb55b5b5235d20a0&javax.portlet.prp_ea0cc0146a52b88ecb55b5b5235d20a0=accion%3DguardarNombreSinonimo%26javax.portlet.action%3Daction&javax.portlet.begCacheTok=com.vignette.cachetoken&javax.portlet.endCacheTok=com.vignette.cachetoken");
            $("#modificaNombreSinonimoForm").submit();              
        }

    });

    $("#waiting").hide();
});


    showAlert('Mensaje','Guardado correctamente','Aceptar');

 

当我加载此记录时,它会在acceptnameusageid字段中向我返回数据,并且不应该具有该功能,但如果下拉列表的值为1,则直接返回隐藏字段acceptnameusageid或Aceptado。当列表的值更改消失但不在开头时。

1 - 这是jsp在我网站上返回的记录。

enter image description here

2 - 当我在表单中加载数据进行修改时,我不必显示文本字段

enter image description here

3 - 如果我改变组合的值,它会显示字段的id,这就是我需要的

enter image description here

4 - 如果我返回到我感兴趣的列表的值,以便不显示文本字段,如果它适用于我,我应该保存第一个图像的通道并将文本字段加载为空。

enter image description here

0 个答案:

没有答案