如果从下拉列表中获取SQL的信息,则显示div

时间:2015-05-19 18:15:46

标签: javascript php html

我在显示div#contenedoropots元素时遇到问题。当我从SQL获取信息时,它会显示下拉列表“OTROS”。如果从SQL中选择“OTROS”它必须显示div#contenedoropots但我找不到问题,我多次尝试解决不同的方式来显示。

HTML& PHP

<option id="copiado"            
                <?php 
                    if($columna['tipo_defecto'] != "" && $columna['tipo_defecto'] != "CALIDAD"
                        && $columna['tipo_defecto'] != "INOCUIDAD"
                        && $columna['tipo_defecto'] != "DAÑO POR MANEJO"
                        ){                          
                        echo 'selected ';
                        echo 'value="'.$columna['tipo_defecto'].'"';
                        if ($columna['tipo_defecto']:selected) {
                                                echo "
                                                        <script type='text/javascript'>
                                                            document.getElementById('contenedoropots').style.display = 'block';
                                                        </script> 
                                                     ";
                                            }                   
                    }
                    else if($columna['tipo_defecto'] == "" || $columna['tipo_defecto'] == "OTROS"){
                        echo 'value="OTROS"';                       
                    }                       
                ?>
            >OTROS</option>

<div id="contenedoropots" style="display:none">
                <label id="labelcopiarA" for="cpOtros">Especificar:</label>
                <input id="copiar" type="text" name="cpOtros"  onkeyup="copiarValue();" value=""/>
            </div>

JAVASCRIPT

function mostrarOtros(opOts){
    if (opOts.value == "OTROS") {
        document.getElementById('contenedoropots').style.display = 'block';
    }
    else if (opOts.value != "CALIDAD" && opOts.value != "INOCUIDAD" && opOts.value != "DAÑO POR MANEJO" && opOts.value != "") {        
        document.getElementById('contenedoropots').style.display = 'block';       
    } 
    else if (opOts.value == "CALIDAD" || opOts.value == "INOCUIDAD" || opOts.value == "DAÑO POR MANEJO" || opOts.value == "") {        
        document.getElementById('contenedoropots').style.display = 'none';        
        $("#copiado").val('OTROS');
        $('#copiar').val('');
    }
}

1 个答案:

答案 0 :(得分:0)

没有选项,您无法提供选项 id =&#34; copiado&#34;

<p class="group-1">group 1</p>
<p class="group-1">group 1</p>
<p class="group-2">group 2</p>
<p class="group-2">group 2</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

替换并检查这是否有效然后我会告诉你下一步

<option id="copiado"            
                <?php 
                    if($columna['tipo_defecto'] != "" && $columna['tipo_defecto'] != "CALIDAD"
                        && $columna['tipo_defecto'] != "INOCUIDAD"
                        && $columna['tipo_defecto'] != "DAÑO POR MANEJO"
                        ){                          
                        echo 'selected ';
                        echo 'value="'.$columna['tipo_defecto'].'"';
                        if ($columna['tipo_defecto']:selected) {
                                                echo "
                                                        <script type='text/javascript'>
                                                            document.getElementById('contenedoropots').style.display = 'block';
                                                        </script> 
                                                     ";
                                            }                   
                    }
                    else if($columna['tipo_defecto'] == "" || $columna['tipo_defecto'] == "OTROS"){
                        echo 'value="OTROS"';                       
                    }                       
                ?>
            >OTROS</option>