JQuery :: Autocomplete Pluging And Hidden Field (#id)
Dec 1, 2010
Well, my problem is with the use of basic plugin for Jquery Autocoplete, I have not used any of the many that circulate on the Internet. I managed to do well the search and query the database, it returns me the names of the students, the problem comes when I assign the id of the selected name to a hidden field of the form to send via the id _get to another page editor.
To achieve this autocomplete (or autosuggest), I created 3 files. 2 to make the query and process, and the next file that contains the form and the Javascript code that should work.
busq-alumnos.inc.php:
Anyway, the point is that everything works fine except the assignment of the hidden field id on the form.
View 5 Replies
ADVERTISEMENT
Dec 18, 2009
I have the official qQuery autocomplete plugin ( from bassistance) working properly. Start typing a product name and it queries my php script and mysql to return a list of products.
However, when the user submits the form, I want a hidden form field that contains the row ID for that product in the database table. I would have thought that this is a very common need, but I did not see any of the examples in the doc or website.
Desired query:
Code:
Desired form for submission
Code:
Code:
View 2 Replies
View Related
Jul 15, 2010
I'm using jquery autocomplete to fill a textbox with some text but I need to get the ID of the item too. For this purpose I thought to use the on select event to fill an hidden field the problem is that the on select event is never fired.
This is my code
$(function() {
$('input#<%= tblNewInsert.FindControl("nazioni").ClientID %>').autocomplete({
source: function(request, response) {
$.ajax({
url: "offerte.aspx/fillJson",
data: "{ 'descrizione': '" + request.term + "', 'tabella': 'nazioni', 'campo': 'paese' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
select: function(event, ui) { alert("never fired"},
success: function(data) {
response($.map(data.d, function(item) {
return {
value: item.descrizione
}}))},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}});},
minLength: 1
});});
View 1 Replies
View Related
Jan 30, 2009
I'm using Jrn's autocomplete jQuery plugin and I'm having trouble changing the value of my hidden input.
The first part works fine - it searches the array and I can select any of the results. However, I'm trying to grab the "id" key value from the array and use it as the value of my hidden input.
Here's my test page.
(I'm using a "GET" form, so submit the form and you'll see that the "account" value submits as empty)
Here's my array:
Code:
And the part that (I believe) should be putting the value of #account into my hidden input:
Code:
Basically, select "Account Five" from the auto-complete, and it should change the value of my hidden input to "0005".
Seems like it should be a relatively simple solution, but I'm still fairly new to JS and jQuery.
View 3 Replies
View Related
Mar 15, 2011
I'm using a jquery autocomplete (plugin v 1.1) in an older application. It works fine. I'm now writing a new one and I'm using the jquery ui 1.4.4 version of autocomplete. In the 1.1 version, if I typedizzaand the only match in the resulting list waspizza, thenpizzawould be highlighted and clickingenterwould select pizza. The newer version will not do this.Pizzawill show up alone in the list but I still have to arrow down, or click it to select it. Is this a lost feature or is there a property that activates'auto-select'?
View 2 Replies
View Related
Jan 11, 2010
I have been using the jquery autocomplete plug-in for some time now and find it very useful. Lately I have come across the following problem in one of my JSP pages. The autocomplete suggestions are displayed and formatted properly. But when I select the one that I want, the result briefly appears in the input field and disappears. Simultaneously, the entered result automatically triggers another jquery search. The contents of my JSP page is given below. The same jquery code works perfectly well with other JSPs.
Code:
<%@ include file="../common/include.jsp" %>
<script>
var cols = []; // column mappings : 0=Last name, 1=First Name,
2=Title, 3 = Employee ID
$
.ready
function { .....
View 1 Replies
View Related
Mar 11, 2005
I have a select form element structured like this:
Code:
<select name="buyer_id">
<option value="1">John Adams</option>
<option value="2">Bill Amos</option>
<option value="3">Fred Boon</option>
...
</select>
The name list is now getting huge and I would like to allow my admins to be able to type in the first few letters of a buyers name and have the select form "find" what the admin is entering. But I need the value of the buyer to be passed as the buyer's id for DB purposes.
I found a script on these forums that actually does what I want using a <select> field, but there is one little annoyance with it. Whenever a letter key is pressed, the <select> finds the first occurrence of the letter (as usual with a <select> field). It does come back immediately, but it doesn't look good when you are typing through the options and it keeps flashing from one to the other. Code:
View 2 Replies
View Related
Dec 29, 2010
Here is what I'm envisioning: The user selects a state, then in the 'Cities' box, he starts typing the name of his city. However, it autocompletes the name for him based on the state he chose. So if he chose California and started typing in "Los Angeles", it would autocomplete "Los Angeles" for him. Does that make sense? Is there a script out there that can do this?
View 1 Replies
View Related
Jul 19, 2010
I am using the jquery autocomplete pugin fromhttp://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
I need to perform an action if no data is returned from the autocomplete search but there seems sto be no way to do that. Any ideas pls?
View 1 Replies
View Related
Aug 11, 2009
Does anyone have a library or patch to call a handler if a user leaves an autocomplete field without choosing one of the autocomplete options - i.e. they've entered free text. I'm working with an app that populates multiple fields from a single auto-complete value, and our latest requirement is to clear out a bunch of fields if the user's entered something manually - rejecting autocomplete suggestions. My initial attempts at hooking into onkeyfoo and onblur haven't lead anywhere productive, and I'm hoping someone else has managed to overcome the gnarly event and timing dependencies involved with onkeyfoo and blur being used for standard autocomplete behaviour.
View 1 Replies
View Related
Apr 2, 2009
I have created a html purchase request form that people will fill out and submit to make purchase requests within my company. In this html form, I have a text field that is automatically populated when the page is pulled up. The text field is populated with the name of the person who is logged in and it is read only so they cannot be deceitful or anything.To get to this HTML Request form, you must log in through a webclient thus the server knows to populate your name because you are the one logged in. The text field populates because of its <input NAME = "OBProperty_CurrentUserRealName", which is a keyword the program identifies and knows to populate with the logged in users name into that particular text field.
That works all fine and dandy, so here is where the problem lies. When submitting the overall form request, the populated name isnt being saved/ carried over to the admin page so we do not know who it was submitted by.To make the persons name carry over and save, another field name keyword must be used.
Which is OBKey__163_1. Which it was suggested to me to make that the input name of a hidden field. I need "text field A" to continue to populate the form with the persons name using OBKey_CurrentUserRealName, then pass the persons name off to a hidden field containing the input name=OBKey__164_1, which will thus save/pass the persons name on with the rest of the filled out request form when its submitted.
Here is what I have:
<input name="OBProperty_CurrentUserRealName" type="text" id="buyer" style="width:100%" readonly="readonly">
<input name="OBKey__163_1" type="hidden" id="OBKey__163_1">
View 3 Replies
View Related
May 29, 2010
I am working on bringing my existing website to the iphone/ipod using jqtouch and jquery.
I am stuck using the following code to change the value of a form's hidden field with the value of a clicked link. It works for the first two clicks then no matter what other link is clicked the form's hidden field value is changed to the value of the first or second clicked link?
Is there a more robust, reliable way of achieving my aim?
...$(document).ready(function(){ $('a[name]').click(function() { var str_id = $(this).attr("value"); $("#bookingperiod").val(str_id); }); });...<div class="info">Thu Jun 3rd 2010</div>
[Code].....
View 6 Replies
View Related
May 20, 2009
I have an hidden field in a form defined as follow: <input type="hidden" name="previewText" value="" /> To assign its value I used: var contentText = "<h2>Order Preview</h2>"; $("input[name='previewText']").val(contentText); It works fine but the html code is lost. Is there a way to retain the
View 4 Replies
View Related
Apr 2, 2010
I have a function that gets the value of a clicked on <span> like this:
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
and sets the value of a second span like this:
$("#state").html("value: " + getSelectedValue("state"));
When I echo that second span, I get the selected value from the first span. But I need to get that value into a hidden html form field, so I can pass it along with the $_POST array. How do I do this?
View 5 Replies
View Related
Feb 1, 2011
I have a calender date selector on my page, when the user selects a date I want to transfer the date to a hidden field onBlur.
Here is the jquery i have so far:
Code:
<script type="text/javascript">
// set rates codes for Booking Method = GroupRes Confirmation
$(function(){
[Code].....
View 3 Replies
View Related
May 26, 2011
I am writing a web application and had a question regarding the best was to append values to an HTTP Post.
For my get requests, I am using jQuery to append auxiliary data using .load as indicated here:
As you can see I am sending along extra value's with my get requests that controller Servlet uses to send back the right data.
In addition to the get requests, I would like to add some extra data to my forms so that I can have Servlet controller perform the appropriate tasks.
Is the best way to do this by adding a hidden field to HTML?
Code HTML4Strict:
If it helps, here is what I am doing with my jQuery submits ....
Code JavaScript:
View 3 Replies
View Related
Oct 1, 2009
I have a table set up with a .click() function on each row sothat if it is clicked on, a class is added to the row thus changingthe background, etc. I was wondering if there was is a way to takethe id of the row that was clicked and populate a hidden field withit. What would I need to include in my .click() function for this towork?Here is my current one:
$("tr").click(function () {
$(".clicked").removeClass("clicked");
$(this).addClass("clicked");
[code]....
View 2 Replies
View Related
Oct 23, 2010
I am using multiple links at the same page with same class(cannot access using id because of multiple links) like
<a class="coupon_link" href="#?stockAlert=45">Click here to get coupon</a>
<a class="coupon_link" href="#?stockAlert=46">Click here to get coupon</a>
<a class="coupon_link" href="#?stockAlert=47">Click here to get coupon</a>
[code]....
View 4 Replies
View Related
Dec 19, 2010
I am very new to jquery and I am trying to set the value of a textarea which is not in a form, into a hidden field which is in a form. In the text area, I have given it an id called refnote and ive used the text() to get the text in it. However, the problem is setting the retrieved text in a hidden form field.
$('form').submit(function(){
alert ($('#refnotes').text());
return false;
});
View 1 Replies
View Related
Sep 29, 2011
I want to show pictures of my students on a page so I can take the presence easily. I made that using a MySQL DB with php. That's the easy part.
Next, i managed to make a jquery script so when I click each image the border of that image cycle through green, red and yellow (in - out - late css class).
Here is the html code (id from hidden field is the student number)
<div class="presences-container">
<ul>
<li class="presences-image in"><img src="7465.jpg">
<input type="hidden" id="7465" name="presence2" value="in"/></li>
[Code]....
Now, I want to set each hidden field value according to the state of the image (in ou or late) with jquery and submit all hidden field to put it in my DB.
View 1 Replies
View Related
Mar 10, 2011
I found the following code to get the value of a radio button (radio1 is the name of both the yes and no radio buttons):
How do I pass this value to a hidden text field?
View 2 Replies
View Related
Apr 22, 2007
so I have a form page for a cart to checkout, on the first page, I am using the form action get and the page to pass the variables in the url to...
on the next page, I have grabbing some of them using the document.indexOf function...works great just using document.write(what is returned from the indexOf function); obviously, this just outputs the value in text, however, I need to set the value of a specific hidden field on the same page/form to that of what is returned by what I described above:
View 1 Replies
View Related
Oct 24, 2010
I am still learning jquery but I am wondering why this code does not work. I have a select field called item_name and a hidden field called amount. Based on the selection in item_name, I want to set the value of the hidden field (amount) to a set value. For example:
$(document).ready(function () {
$('#item_name').change(function () {
var value = $('#item_name').val();
if(value == "institutional memberhip"){
$("#amount").val("$349.00");
[Code]...
View 7 Replies
View Related
Feb 23, 2011
I can have a unlimited set of list items and form fields (limited) in li:
<li id="apr1">
<textarea class="thisistext">blablabla
View 4 Replies
View Related
Oct 6, 2006
I want to have a window pop up with a form. When the form is submitted,
it needs to pass along the URL of the original window. If find on th
web eight gazillion descriptions of how to pass data from one page to
another via hidden fields, but not a word about how to pass that data a
second time. Code:
View 2 Replies
View Related
Feb 21, 2009
Have a javascript in which i am trying to assign the value to a hidden field and getting the below msg:
I am getting the value in the alert box but not able to assign it o teh control
View 2 Replies
View Related
