Hola a todos tengo el siguiente problema. estoy haciendo una aplicacion para mi iPhone basada en Web y me funciona bien pero estoy haciendo un debug porque me sale la siguiente error:
Error: uncaught exception: Syntax error, unrecognized expression: seleted
Pero como veo estoy haciendo los select de manera correcta y no entiendo porque me sale ese error. el error me pasa en sub categorias ya que hago una consulta AJAX a un ajax_handler.php el cual es el siguiente:
Código PHP:
if ($_GET['llamada'] == 'llamar_subcategoria') {
if (is_numeric($_GET['categoria'])) {
$subcategoria->search_subcategoria_gastos($_GET['categoria']);
echo '<select name="subcategoria" id="subcategoria" style="width:100%; padding:5px;">';
echo '<option value="0" selected="selected">Seleccione Subcategoria</option>';
while ($subcategoria_array = $subcategoria->array_query()) {
echo '<option value="' . $subcategoria_array['idsubcategoria_gastos'] . '" >' . $subcategoria_array['subcategoria_nombre'] . '</option>';
}
echo '</select>';
}
}
el cual funciona correctamente pero cuando esta funcion va a utilizar el elemento no lo agarra y se jode todo el javscript.
Código PHP:
<script type="text/javascript">
function llamar_subcategoria(){
var categoria = $("#categorias option:selected").val();
$.get("ajax_handler.php", {
llamada: 'llamar_subcategoria',
categoria: categoria
},
function (data){
$("#select_box").html(data);
} );
}
function crear_gasto(){
var categoria = $("#categorias option:selected").val();
var subcat = $("#subcategoria option:seleted").val();
var moneda = $("#moneda option:selected").val();
var monto = $("#monto").val();
var gps = $("#mapa_gps").val();
var descripcion = $("#descripcion").val();
alert('Sub-Categoria->'+subcat +'Categoria->'+categoria +'\nMoneda->'+moneda +'\n Monto->'+monto+'\n GPS->'+ gps+ '\n descripcion->'+ descripcion );
}
</script>
Aqui les dejo el codigo completo.
Código PHP:
<?php
include 'basedatos.clase.php';
include 'monedas.class.php';
include 'categoria_gastos.class.php';
$monedas = new monedas();
$categoria = new categoria_gastos();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0;">
<title>SpendStory</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
function llamar_subcategoria(){
var categoria = $("#categorias option:selected").val();
$.get("ajax_handler.php", {
llamada: 'llamar_subcategoria',
categoria: categoria
},
function (data){
$("#select_box").html(data);
} );
}
function crear_gasto(){
var categoria = $("#categorias option:selected").val();
var subcat = $("#subcategoria option:seleted").val();
var moneda = $("#moneda option:selected").val();
var monto = $("#monto").val();
var gps = $("#mapa_gps").val();
var descripcion = $("#descripcion").val();
alert('Sub-Categoria->'+subcat +'Categoria->'+categoria +'\nMoneda->'+moneda +'\n Monto->'+monto+'\n GPS->'+ gps+ '\n descripcion->'+ descripcion );
}
</script>
<script>
function handler(location) {
var message = document.getElementById("message");
message.innerHTML = "<img src='http://maps.googleapis.com/maps/api/staticmap?center=" + location.coords.latitude + "," + location.coords.longitude + "&zoom=12&size=270x200&sensor=false' style='padding:5px; border:1px solid #ccc; background-color:#FFFFFF;' />";
document.getElementById("mapa_gps").value = location.coords.latitude + "," + location.coords.longitude;
/*
message.innerHTML+="<p>Longitude: " + location.coords.longitude + "</p>";
message.innerHTML+="<p>Latitude: " + location.coords.latitude + "</p>";
message.innerHTML+="<p>Accuracy: " + location.coords.accuracy + "</p>";*/
}
navigator.geolocation.getCurrentPosition(handler);
</script>
<style type="text/css">
body {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}
</style>
</head>
<body>
<div id="resultados"></div>
<form>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><h1>Agregar Gasto</h1></td>
</tr>
<tr>
<td><strong>Categoria</strong><br />
<input name="mapa_gps" id="mapa_gps" type="hidden" value="0" />
<?php
$categoria->list_categoria_gastos();
echo '<select name="categorias" id="categorias" onclick="llamar_subcategoria();" style="width:100%; padding:5px;">
<option value="0">Seleccione Categoria</option>';
while ($array_catgorias = $categoria->array_query()) {
echo '<option value="' . $array_catgorias['idcategoria_gastos'] . '">' . $array_catgorias['nombre_categoria'] . '</option>';
}
echo '</select>';
?></td>
</tr>
<tr>
<td><strong>Sub Categoria: </strong><br />
<div id="select_box">
<select style="width:100%; padding:5px;" disabled="disabled">
<option value="0" selected="selected">Seleccione Subcategoria</option></select>
</div>
</td>
</tr>
<tr>
<td><strong>Moneda:</strong><?php
$monedas->list_monedas();
echo '<select name="moneda" id="moneda" style="width:100%; padding:5px;">
<option value="0">Seleccione Moneda</option>';
while ($array_moneda = $monedas->array_query()) {
echo '<option value="' . $array_moneda['idmoneda'] . '">' . $array_moneda['nombre_moneda'] . '</option>';
}
echo '</select>';
?></td>
</tr>
<tr>
<td> <strong>Monto: </strong><br /> <input name="monto" type="text" id="monto" style="width:99%; padding:0px;" maxlength="10" /></td>
</tr>
<tr>
<td align="left"><strong>Ubicacion Geografica: </strong><br />
<div id="message">Ubicacion Desconocida</div></td>
</tr>
<tr>
<td><strong>Descripcion:</strong><br /><textarea cols="40" rows="8" name="descripcion" id="descripcion" style="width:100%;"></textarea></td>
</tr>
<tr>
<td><a onclick="crear_gasto();" style="cursor:pointer;"> Agregar Gasto</a></td>
</tr>
</table>
</form>
</body>
</html>