0
222
VistasMenú desplegable con barra de búsqueda en prestashop con JQuery
Estoy tratando de hacer un menú desplegable con una barra de búsqueda usando JQUERY en prestashop. El menú desplegable obtiene los datos de la base de datos, pero no aparece la barra de búsqueda. Este es mi código:
$sql = "SELECT id_category, name FROM ps_category_lang"; $result = $conn->query($sql); if ($result->num_rows > 0) { $html.="<select class='chosen' id='chosen'>"; while($row = $result->fetch_assoc()) { $id = $row["id_category"]; $name = $row["name"]; $html.= "<option value='$id'>$id - $name</option>"; } $html.="</select>"; } else { $html .="<p>0 result</p>"; } $conn->close();Y este es el javascript:
<script type="text/javascript"> $(".chosen").chosen(); </script>Y estas son funciones que he llamado:
<head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"></script> </head>Así es como se supone que debe verse:
y así es como se ve
Cualquier sugerencia sería genial, gracias de antemano.
·
Santiago Trujillo
2 Respuestas
Responde la pregunta0
Encontré su problema, debe poner el código javascript debajo de la parte para que pueda funcionar.
$sql = "SELECCIONE id_categoría, nombre DESDE ps_category_lang"; $resultado = $conexion->consulta($sql);
if ($result->num_rows > 0) { $html.="<select class='chosen' id='chosen'>"; while($row = $result->fetch_assoc()) { $id = $row["id_category"]; $name = $row["name"]; $html.= "<option value='$id'>$id - $name</option>"; } $html.="</select>"; **$html.= "<script type='text/javascript'> $('.chosen').chosen(); </script>";** } else { $html .="<p>0 result</p>"; } $conn->close();
·
Santiago Trujillo
Denunciar
0
Reemplazó todo el elemento con su salida ... Debe agregar su resultado al elemento de búsqueda
·
Santiago Trujillo
Denunciar
Responde la pregunta