Hi Dhruva:
I'm trying to build a simple search form. Would be nice if the user can
add her/his own fields for make the search better. What I mean? If you
take only one input then the search will be limited to this only field
containing one or more words. By the contrary if the user could add some
fields and specify criteria like "&&" or "||" the search will be better.
For that purpose I made some changes to the code. See below:
<script type="text/javascript">
$().ready(function(){
$('#clicy').click(function(){
var id = "word" + $('input').length;
var hid = "hw" + $('input').length;
$('input:last').after('<br/><label for="'+id+'">&&</label><input
type="text" name="'+id + '" id="'+id + '" value="" size="30" /> <input
type="hidden" name="'+hid+'" id="'+hid+'" value="&&"/>');
return false;
});
$('#clico').click(function(){
var id = "word" + $('input').length;
var hid = "hw" + $('input').length;
$('input:last').after('<br/><label for="'+id+'">||</label><input
type="text" name="'+id + '" id="'+id + '" value="" size="30" /> <input
type="hidden" name="'+hid+'" id="'+hid+'" value="||"/>');
return false;
});
});
</script>
<form action="search/DoSearch" method="post">
<label for="word">Texto:</label>
<input type="text" name="word" id="word" value="" size="50" />
<div><input type="submit" value="Buscar !!!" /></div>
</form>
<a href="#" id="clicy">Adicionar criterio de búsqueda (&&)</a> | <a
href="#" id="clico">Adicionar criterio de búsqueda (||)</a>
As you notice here when I clic the link#clicy two fields are added: one
hidden with && as value and another with word+id as id with no value.
The same happen with the link#clico but the value of hidden field goes
to ||. This code works fine but two things happen here.
1) When you click for first time in a link (#clicy or #clico) the field
is added but I need add a hidden field just behind the input#word. How?
2) The fields are added just behind the SUBMIT button, how I can add
just between the first field and the submit button?
Cheers and thanks in advance
--
Saludos
ReynierPM