Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/12/2013, 09:58
Avatar de anderdomingo
anderdomingo
 
Fecha de Ingreso: mayo-2013
Ubicación: Zarautz
Mensajes: 27
Antigüedad: 11 años
Puntos: 0
Pregunta Lograr autocomplete y submit con un solo enter

Buenas:

Necesitaba ayuda con cierto tema, gracias de antemano:

Creo que explicar mi problema es simple, pero no tengo ni idea de lo complicada que puede llegar a ser la solucion. Tengo un formulario que segun vas pulsando ciertas letras te va saliendo el autocompletar. Tengo puesto el parametro (creo que es un parametro jeje) de selectfirst y con ello te selecciona el primer campo del autocompletar solo con poner enter.

Pues bien el problema es que hay que pulsar dos veces enter para conseguir el submit, uno para seleccionar el primero y se autocomplete, y otro para que haga el submit.

Lo que me gustaria conseguir es que solo pulsando una vez enter seleccione el primer campo y haga el submit a la vez.

Se que este problema no parece demasiado molesto pero hay que repetir varias veces este proceso para darle la informacion necesaria al formulario y me harto hasta yo... asi que ni me imagino los usuarios... jejeje

El codigo del mismo html es este:
Código:
  <script type="text/javascript">
$().ready(function() {
	$("#testinput").autocomplete("get_course_list.php", {
		width: 220,
		matchContains: true,
		mustMatch: true,
		//minChars: 0,
		//multiple: true,
		//highlight: false,
		//multipleSeparator: ",",
		selectFirst: true
	});
});
Y las opciones (que no entiendo mucho) del autocompletar son estas:

Código:
$.Autocompleter.defaults = {
	inputClass: "ac_input",
	resultsClass: "ac_results",
	loadingClass: "ac_loading",
	minChars: 1,
	delay: 400,
	matchCase: false,
	matchSubset: true,
	matchContains: false,
	cacheLength: 10,
	max: 100,
	mustMatch: false,
	extraParams: {},
	selectFirst: true,
	formatItem: function(row) { return row[0]; },
	formatMatch: null,
	autoFill: false,
	width: 0,
	multiple: false,
	multipleSeparator: ", ",
	highlight: function(value, term) {
		return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
	},
    scroll: false,
    scrollHeight: 180
};
Se os ocurre alguna solucion?