[SOLUCIONADO] Problemas con select y libreria msdropdown

Fernarey1810 · #1 (**permalink**) 08/11/2014, 12:25

Porque no se sigue desplegando el SELECT de colores, luego de que agrego otro select. Nose que es lo que esta fallando les agradeceria mucho que me digan cual es el problema. seguramente tiene que ver con la libreria msdropdown. Espero su ayuda gracias.
No puse las imagenes no es necesario. Aca pueden bajar la libreria msdropdown:
https://github.com/marghoobsuleman/ms-Dropdown
Codigo esta en un PHP pero se entiende que el problema es HTML JAVASCRIPT:

Código PHP:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src='js/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='js/jquery-ui-1.8.9.custom.min.js'></script>
<script src="js/msdropdown/jquery.dd.min.js"></script>
<script type="text/javascript">
    
$(document).ready(function(e) {     
    $("#color").msDropdown({visibleRows:5}); // this one already has data-usesprite in SELECT
       /*  $("#payments").msDropdown({visibleRows:4}); */
});
function crear(ot){
    document.getElementById('pp').innerHTML+="<span><select id='color' name='' size='1' ></select><a onclick='quitar(this.id);' id=''><img src='imagenes/delete.png' width='16' height='16'  id='' title='quitar talle'></a></span>";
}
 
</script>
</head>
<body>
                
<form class="international" method="post" action="<?php $PHP_SELF ?>" id="form-join" name="addmerc">
   <?php
    $colores = array("rojo", "naranja", "amarillo", "verde", "agua", "azul", "violeta", "fucsia", "negro", "rosado", "beige", "crema", "verde-claro", "azul-cielo", "celeste", "lavanda", "salmon", "plateado", "terracota", "piel", "ocre", "esmeralda", "azul-marino", "azul-acero", "lila",
    "fucsia-oscuro", "gris", "bordo", "marron", "dorado","verde-oscuro", "azul-petroleo", "azul-oscuro", "purpura", "blanco");
    $chex = array("FF0000", "FF9900", "FFFF00", "0C9800", "83DDFF", "1717FF", "7600FF", "E828FF", "000000", "F4CCCC", "FCE5CD", "FFF2CC", "D9EAD3", "D0E0E3", "CFE2F3", "D9D2E9", "EAD1DC", "CCCCCC", "E06666", "F6B26B", "FFD966", "93C47D", "76A5AF", "6FA8DC", "8E7CC3", "C27BA0", "666666", "990000", "B45F06", "BF9000", "38761D", "134F5C", "0B5394", "741B47", "FFFFFF");
                                         
    if (!isset($_GET['merc_id'])) {
        echo '<div id="pp" style="width: 920px;">';
        echo '<select name="color" id="color" data-usesprite="smallIcons" style="width:130px; float: left; margin-right: 10px;">';
        echo '<option value="0" selected="selected">Color</option>';
        for ($i = 0; $i < count($colores); $i++){
            $tempc = str_replace("-", " ",  $colores[$i]);
            echo '<option value="'.($i+1).'" class="'.$colores[$i].'">'.ucfirst($tempc).'</option>';                                            
        }
        echo '</select>';
        
        echo '<a href="javascript:crear()" style="margin-top: 5px; color: #03B; cursor: pointer; display: block; width: 400px; float:left; ">Agregar otro color, talle y cantidad</a>';
        echo '</div>';                                                                      
}
?> 
<input type="hidden" value="1" name="submitme">
</form>             
</body>
</html>