tengo una lista de autocompletacion que implemento con ajax para que me de una lista de sugerencias a usar; el problema que tengo es que ese valor tengo que guardarlos en un textarea; ahora la parte interensate de esto es que tengo que guardar el id de lo que se lecciono en otro campo oculto, ya que no quiero que el usuario vea esa informacion.
RESUMEN:
- Copiar nombre seleccionado + la cantidad (lo que esta en el LI) en el textarea
- Copiar el id de lo seccionado(el value del LI) en un input separados por coma
EL campo del input donde se guardan los id y el textarea no puede borrarse y se tienen que separar todos los valores por coma.
lo que tengo es lo siguiente:
index.php
Cita:
lista.php<link href="index.css" rel="stylesheet" type="text/css" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<div id="cuerpo">
<table>
<form name="lista">
<tr>
<td>
<input name="texto_auto" type="text" id="autorelleno" value="" size="60" />
<span id="spinner" style="display: none"><img src="images/ajax-loader.gif" title="Consultando…" alt="Consultando…" /></span>
<div id="lista_opciones" class="autorelleno"> </div>
<script>
new Ajax.Autocompleter("autorelleno", "lista_opciones", "lista.php", {method: "post", paramName: "value", minChars: 1, indicator: "spinner"});
</script> </td>
</tr>
<tr>
<td><textarea name="" cols="50" rows="5"></textarea></td>
</tr>
</form>
</table>
</div>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<div id="cuerpo">
<table>
<form name="lista">
<tr>
<td>
<input name="texto_auto" type="text" id="autorelleno" value="" size="60" />
<span id="spinner" style="display: none"><img src="images/ajax-loader.gif" title="Consultando…" alt="Consultando…" /></span>
<div id="lista_opciones" class="autorelleno"> </div>
<script>
new Ajax.Autocompleter("autorelleno", "lista_opciones", "lista.php", {method: "post", paramName: "value", minChars: 1, indicator: "spinner"});
</script> </td>
</tr>
<tr>
<td><textarea name="" cols="50" rows="5"></textarea></td>
</tr>
</form>
</table>
</div>
Cita:
De antemanos muchas gracias.... todo sugerencia es bienvenida. //consultamos los registros coincidentes
$select = mysql_query("select * from suggest where title like '%$cadena%'");
echo "<ul>";
//si no hay registros mostramos mensaje
if(mysql_num_rows($select) == 0){
echo "<li>No hay resultados</li>";
}else{
//montamos bucle para presentar la lista
for($a=0;$a<(mysql_num_rows($select));$a++){
//extraemos registro actual
$reg = mysql_fetch_array($select);
//listamos
echo "<li value=".$reg['suggest_id'].">".$reg['title']." (" .$reg['cant']. ")</li>";
}
}
//cerramos lista
$select = mysql_query("select * from suggest where title like '%$cadena%'");
echo "<ul>";
//si no hay registros mostramos mensaje
if(mysql_num_rows($select) == 0){
echo "<li>No hay resultados</li>";
}else{
//montamos bucle para presentar la lista
for($a=0;$a<(mysql_num_rows($select));$a++){
//extraemos registro actual
$reg = mysql_fetch_array($select);
//listamos
echo "<li value=".$reg['suggest_id'].">".$reg['title']." (" .$reg['cant']. ")</li>";
}
}
//cerramos lista