JQuery - Ayuda!! como cambiar la forma de presentar los datos

 
Vista:
Imágen de perfil de John
Val: 20
Ha aumentado su posición en 2 puestos en JQuery (en relación al último mes)
Gráfica de JQuery

Ayuda!! como cambiar la forma de presentar los datos

Publicado por John (10 intervenciones) el 17/04/2018 17:11:59
Hola amigos, ayuda por favor, como podria adaptar o cambiar la presentación de los datos que tengo actualmente.

los resultados se muestran en un <select id="medida2"> <option> </option> </select> y ahora quiero verlo en un <input type="text" id="medida2"/>

la verdad no conozco nada de jquery, por eso acudo a ustedes que siempre nos ayudan tan amablemente.

aqui esta la forma en como obtengo los datos.
jquery
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="javascript">
		$("#categoria option:selected").each(function () {
			id_categoria = $(this).val();
			$.post("getArticulos.php", { id_categoria: id_categoria }, function(data){
				$("#articulos").html(data);
			});
		});
	})
});
 
$(document).ready(function(){
	$("#articulos").change(function () {
		$("#articulos option:selected").each(function () {
			id_articulo = $(this).val();
			$.post("getMedida2.php", { id_articulo: id_articulo }, function(data){
				$("#medida2").html(data);
			});
		});
	})
});
</script>

html
1
2
3
<select name="medida" id="medida2" required>
	<option value=""> Unidad de Medida... </option>
</select><br><br>

php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
include '../../bd/conexion.php';
$id_articulo = $_POST['id_articulo'];
 
$consulta = "select * from alimentos
inner join unidad_medida on alimentos.id_medida=unidad_medida.id_medida
where id_alimentos='$id_articulo'";
 
$resultado= mysqli_query($conexion,$consulta);
 
while($row = mysqli_fetch_array($resultado))
{
	$html.= "<option value='".$row['id_medida']."'>".$row['denominacion']."</option>";
}
echo $html;
?>

como dije, me funciona perfecto, como lo tengo actualmente, solo que ahora quisiera presentar la información en un input type="text".

estuve probando haciendo los cambios obvios que se deben hacer, reemplazando el select con el input tanto en el html como en php, pero no me funciona, asi que solo imagino que debo tambien hacer un pequeño cambio en el jquery, especificamente en esta parte:
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
	$("#articulos").change(function () {
		$("#articulos option:selected").each(function () {
			id_articulo = $(this).val();
			$.post("getMedida2.php", { id_articulo: id_articulo }, function(data){
				$("#medida2").html(data);
			});
		});
	})
});
o bueno eso creo, gracias de antemano por su atención amigos!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder