been lurking around to see if I could find any kind of solution to what I'm trying to solve, but the closest thing I got was this old thread:What I wantI'm trying to create is a SELECT menu with an INPUT field, but the INPUT field won't display before I select an option from the list. After I've selected an option I want two things to happen; the INPUT field displays and a new SELECT menu shows up with some other options.Then in the last menu, where I create the options of course, theres a final option that finalizes the entire SELECT menu and gives them a button to submit it, and when they press it, all the options will just be printed along with what the user typed in the INPUT fields.
The problemI have no idea how to automatically show the next SELECT menu, which I've created, but hidden, for the user with it's own text field, and then in the end make it possible to submit it to print all the selected options and whats typed in the INPUT fields.I'm guessing I need some sort of jQuery/JavaScript, but I'm not very familiar with that
I have some fields and a Select option as below, I want to add a new field if I select "Add" option, and remove field when I select "Remove" option, can I do it in very simple JavaScript? my code will be has a error, can you fixed it for me?code...
I need a script that when an option is selected in a drop-down box (select tag) an input tag appears and I am still pretty basic at javascript.
I was using a script that worked fine but because the variable of the option that makes the script go required the "|" character, it interfered with a PHP script in my document and screwed everything up.
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head> $(function() { //function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
The field to ask where do you hear about us? I have list of options in there but when the user select "others" i want to input filed popup and want user to filed in the info.
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.
To validate the form I'm using jquery simple validation. In order to validate a section I put the "class="required" around it but for the select fields I was wondering if it would be possible to display a pop up if they aren't selected?
The code:
<select name="sltDay"> <option value="">day</option> <% For i = 1 to 31
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:
I have a select field that does not work with IE. The contents of this.value is blank in IE and I can't find the error. In firefox and chrome the value of this.value is correct as I pass a letter to the function. The code follows: Quote: <td name="hoursa_997" id="cell_997" bgcolor="red"
I am trying but I can't figure it out, let say you select something on your select values, after selecting that value, how can you dynamically put that value on an input box?
I have a select box populated with about 1000 names. What I would like to do is to have a text box available that a user can type in say "mi" and have the select box jump down to the first entry starting with "mi", i.e. "Michael" followed by "Mike". Code:
I am using select()/focus() to position the cursor at a particular field on a form. This works, but when the user presses the Tab key in IE the cursor jumps to the address bar rather than the next field (Firefox is fine). Does anyone know why this might be happening and how to stop it?
Below is the code that I use to set the cursor position (it is somewhat convoluted because it is generated via a series of macros). The cursor is positioned correctly, but when I hit Tab the cursor does not follow the expected flow through the page (i.e. it doesn't go to the next field).
// From a .js file loaded by the page: // SafeAddOnload (used above) just delays execution until the // page has loaded. // getRef (used below) simply retrieves the DOM object using the id. // function setFocus() { obj = getRef(focusId); if (obj != null) try { obj.select(); } catch (e) { obj.focus(); } }
I have a PHP form which has an select field (i.e. drop-options) where the different options are populated from a MySQL database as follows:
<select size="1" id="category" name="category"> <option value="">Select from drop-list:</option> <?php $sql = "SELECT * FROM `DB1`
[code]....
Now, the issue I have is that I also have another input field (possibly hidden) in this form which is called 'category_id', and what I want it to do is to automatically populate when the user selects the relevant 'category' from the select field above.
My problem is this: using Firefox I can manipulate the '<option>'s into select-fields so that I can draw icons near their values just using css. W3C doesn't allow using anything but "CDATA" into options...
The problem is that Internet Explorer doesn't respect any css directive to make the same. Is there a way of managing this by using javascript?
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; }
