So before I used jQuery I had this approach to set select field as not selected. So the question is what would be the equivalent way to do it in jQuery?
Code JavaScript:
if (tag == 'select'){
this.selectedIndex = -1;
}
I have a simple web form with Name, email and subject. In the fields I have the values set to examples, like <input id=name value='John Smith'> What is the simplest way to have jQuery clear the field when I user clicks in the field, and then put the sample text back if the user does not enter anything in the field?
i think this will help people a lot, cuz i couldn't find any simple answer by googling 3 hours...i need a very very simple jquery form field reset.here is the picture what i need:
HTML Code: <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.min.js'></script> <script>
a user types in his email, and clicks submit he is then taken to the thank you page. he clicks back and his email is still there.
I want the email not to be there. I can change the value of the text field onload but this doesnt work when you click back only when the page is reloaded. i can change the value on submit but this is wrong because then the wrong value is submitted.
The javascript below works perfectly using Firefox, but not Opera or IE.I have a button which I would like to clear the text in the input field with.The "onFocus" on the input field works fine in all browsers, but when clicking the "cross.gif"-button, it only works in Firefox.javascript:
I have a multiple select list that is created dynamically based on a previous selection on an asp page. The first thing I do is to clear the curent option list by
document.form1.itemcross.length = 0;
The only problem is that it leaves the optgroups. How do I also get rid of the optgroups?
I have a select dropdown with several options. The user selects an option and fills out the following few fields. If the user then changes his mind and changes the option in the dropdown, I want all the fields - or just the ones already filled out - to be cleared.
Note: reset() of the form is not an option as there are other things going on (hide/display of fields based on the dropdown option selected).
I have an ajax dependent drop down set up for location fields and am having trouble figuring out how to clear the dependent selects if the parent select is changed to blank.I set up a function to clearFields:
<script> function clearFields() { document.getElementById('cb_state').value = "";
what i want to do is have a selection from 'tst' trigger an input into 'choose' from the data inputted into the 'fname' and 'lname' fields. for example, i want option '1', when selected to draw the input from 'fname' and place it into 'choose'or i might want to select the data in 'lname' instead, so i will tie option 2 to it, so when the user selects option 2 the contents of 'lname' go into 'choose' instead.
I have a search form and added the "Clear All" Button functionality...but it clears the last part of the search form display preferences....how do I only clear the checkboxes at the top of the form only and not at the bottom of the form between the <DIV> tags? I have attached a copy of the JSP page.
This is something I spent way too much time on, trying to figure out why it didn't want to do what I wanted in IE7. I'm posting it here, so maybe it will save some others a bit of time. The problem: You have a <select> and you wish to deselect all options. It turns out that you need to change the code, depending on whether you're using a select that can take multiple options or not. Both versions work in FF and Safari for both variants, but for Internet Explorer you'll need to use them as specified below.
I have a form where a user may select a box from above which will query the database and autofill in the fields. This works properly for all of my input text fields but I have a select box where a user selects their state that I am unable to get to properly populate.
The select box is populated on page load in the following format....
Everything populates correctly except where I try to set the val on the state select field. It does not change at all. I need it to display the statename with the value of the state (number).
I'm not sure if my term usage is correct, but using a select form field with various options. I would like that when an option is selected, a php query is performed, and the rest of the form is updated according to the selection based query.
Im using jquery.validate.js. I need to compare 2 multiple select fields using jquery validation. If both the selected fields are same it should through an error message.[code]
I'm using jquery validation plugin but i don't know how to do a thing:I'd like to enable a text field after selected a value from a selection list.The select field is this:
I need to fill a form field when I click on part of region map. I think that jquery is solution at this issue but i don't know how it work. I'don't know how to join map to form field.
Is it possible to trigger a change event on a select field when the selectedIndex or val is set with jQuery? I've tried it and it doesn't seem to work. I'm attempting to replace a select field with one of my own design. The issue is if i attached a change event to a select field, when the index is changed it needs to fire that event. Basically if a select field is replaced with my list and a seperate script is set on the select list, I need that seperate script to fire without knowing what it is.