jQuery autocomplete cambiar background color acorde a un valor de la base de datos

[Fernarey1810]

Quiero cambiar el color de fondo de la lista, cuando la CANTIDAD DE PRODUCTOS que tengo en la base de datos sea menor o igual a 1. Esto funciona bien, solo que no se como cambiar el fondo.

Código HTML:

<input type="text" value=""  id="mercaderia"   >
 

Código Javascript:

$("#mercaderia").autocomplete({
     source: "autocompletemer.php",         
     minLength: 2,
     html: 'html',
     focus: function(event, ui) {
            // prevent autocomplete from updating the textbox
            //event.preventDefault();
            // manually update the textbox
            //$(this).val(ui.item.label);
        },
     select: function(event, ui) {
            // prevent autocomplete from updating the textbox
            //event.preventDefault();
            // manually update the textbox and hidden field
            //$(this).val(ui.item.label);
            //$("#autocomplete2-value").val(ui.item.value);
        }               
});
 

Intento hacerlo desde php pero no queda bien

Código PHP:

<?php
//defino una clase que voy a utilizar para generar los elementos sugeridos en autocompletar
class ElementoAutocompletar {
   var $value;
   var $label;
 
   function __construct($label, $value){
      $this->label = $label;
      $this->value = $value;
   }
}
 
//recibo el dato que deseo buscar sugerencias
$datoBuscar = $_GET["term"];
 
//conecto con una base de datos
$conexion = mysql_connect("localhost", "root", "");
mysql_select_db("base_ropa");
 
//busco un valor aproximado al dato escrito
$ssql = "SELECT id, titulo, precio, cantidad FROM mercaderia WHERE titulo LIKE '%" . $datoBuscar . "%' LIMIT 10";
$rs = mysql_query($ssql);
 
//creo el array de los elementos sugeridos
$arrayElementos = array();
 
//bucle para meter todas las sugerencias de autocompletar en el array
while ($fila = mysql_fetch_array($rs)){
    $temp = $fila["titulo"].":".str_replace('.',',',$fila[precio]).":".$fila[cantidad];
 
    $t = explode(":", $temp);
    if ($t[2] <= 1) {
        $temp1 = str_replace(strtolower($datoBuscar), '<span style="background-color:red">"<b class="ot4">'.$datoBuscar.'</b>', '<b>'.strtolower($t[0]).' - &lt;</b>');     
        $temp = str_replace('&lt;', '<span class="ot2"> $'.$t[1].'</span></span>', $temp1);
    }else {
        $temp1 = str_replace(strtolower($datoBuscar), '<b class="ot">'.$datoBuscar.'</b>', '<b>'.strtolower($t[0]).' - &lt;</b>');      
        $temp = str_replace('&lt;', '<span class="ot2"> $'.$t[1].'</span>', $temp1);
    }
 
            //$respuesta .= "<li style='background-color: #FFDDDD;'>".$temp."</li>";
        //else
            //$respuesta .= "<li>".$temp."</li>";
 
 
 
    array_push($arrayElementos, new ElementoAutocompletar($temp, $fila["titulo"].' - $'.$fila["precio"])); //$fila["id"]
}
 
print_r(json_encode($arrayElementos));
?>
 

[chichote]

para cambiar el color de un elemento lo puedes hacer de la siguiente manera

$("tu-elemento").css("background", "#000000")

desconozco la estructura de la lista que mencionas, te tocara inspeccionar el elemento, personalmente utilizo firebug para ello.

saludos.

[elporfirio]

ves que tienes la funcion

Código Javascript:

select: function(event, ui) {
     // Aqui un codigo
}
 

Bueno pues en la parte de esa función, debes colocar el comportamiento que te menciona el comentario anterior.

SI no le sabes mucho al JQuery o al JSOn se te va a complicar un poco.