I have two select lists and depending on the value selected in the
first select dropdown, I want to populate the second list.
I tired a couple of different ways, but for some reason, it works fine
on IE but not on Firefox. On Firefox the second dropdown list doesnt
get populated.
Any pointers on how to populate the second dropdown..
Heres the code:-
for(var j=0;j<array.length;j++)
{
this.document.getElementById("secondSelectName").options[j] = new
Option("txt", "val");
}
When a user changes the select list called "reason_code_master" I need the uodatecodes() function to update all the other select list with the id of "reason_codes" with the same . How can I do this.
I want fill a select list with the first list on page load, then depending on which option is chosen, fill another select list with the appropriate list. I'd prefer using only javascript!
I'm trying to create/add options to select elements in a form. My form has several select elements, only first is actually populated and visible. Each select element is on a seperate table row. Depending on the option chosen in the first select list, another row (select element) becomes visible which is then populated depending on the option chosen. I accessed the select element and created the option(s) using this format
Page uses the model dialog code from JQUERY UI. Was having the IE6 Z-Index issue with IE6 Applied the BGIFRAME plugin solution (bgiframe: true) ISSUE DESCRIPTION: When the modal dialog is triggered, any/all select-lists previously displayed are suddenly hidden. BROWSERS TESTED: FF2.x, FF3.x and IE8 behave no issue. Only manifests this way in IE6. REQUEST:
How can i improve my code such that the select-lists dont get hidden when the modal dialog is displayed?
I have a cgi script (using perl for database queries) in which I have two select boxes. I am populating the left select box with rows from a database, and then provide buttons for people to move items to the right select box.
So far so good, everything works, the move right, move left, and move right all and move left all buttons work, data is always sorted in both lists. My only problem is, when I click the submit button, the follow up program only displays data that was highlighted/selected in the right select box, not all of the data in the right select box.
I don't know how to tell the script, via javascript, to highlight everything in the right select box when the submit form button is clicked. I would think i could just call a function via -onClick for the submit button. I could use some help with the function to select all data in that list.
I have this Applet-hosted Socket connection to my server and in an ONevent/function I am retrieving all these lovely rows from the server and inserting them into the Select-List. (The on screen appearance of the Select List grows for the first 5 rows then the scroll bar appears if there's more). So far so good. . .
The problem is that none of the rows I'm inserting appear on the screen until I have RETURNed from my function; so If it ended up being 1000 rows then the user sees nothing until they're *all* processed :-( Is this an IE6-only thing? Does it happen with Version 7 or with other browsers? This is disgusting!
Is there an option to set somewhere?
Do I have to hack/force some sort of event (with coresponding ONfunction) and then RETURN from my function and have the ensuing function call me back and repeat till eof?
All I want to do is see my rows grow and counter increment in the select-list (or table) as they appear; is that really too much to ask? Is IBM3270 emulation crap really as far as we've got?
I've started a course on web design and I'm busy with a assignment on Javascript. I need to make a contact list which I'm nearly done with but I'm stuck with one bit, validating select lists, I want to do it using a case construct but I'm not sure how cause mine doesn't want to work.
I've been stumped. I'm usually good at figuring this stuff out, but I'm completely confounded here.I have a form with tables in it to add items to a series. The rows are being added dynamically by Jquery on the click event.
Why does this code work in IE and Firefox and the second example does not work in IE. While these are just sample scripts, my actual scripts will be transferring options from one multi-select list to another. I want the most recently added one to scroll into view.
I'm trying to make a 'Select All' button/link which will select all or deselect all checkboxes with a certain name. Now, i have a few sets of checkboxes, so i made a general javascript function. It works perfectly in IE but doesn't in FireFox. I get an error:
Error: document.deleteEmails has no properties Source File: http://localhost/MyMail/admin/d_email.php?LID=92eb5ffee6 Line: 124
Line 124 is the line with the for-loop on it. deleteEmails is the name of the form. The input 'fieldName' is the field name to look out for to select/deselect and selectName is the object relating to the checkBox i'm using to do the 'de/select all'. Code:
I know there are some issues trying to use .focus() and .select() within another.eventhandler (for the same object) in firefox. What I don't know is, howto workaround?
I have some script that when used in conjunction with a button highlights all the text between 2 tags to make it easier for copying, it works great in IE but doesn't work in firefox. Here's the script and the button is below.
<script type="text/javascript"> function selectCode(a) { // Get ID of code block var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
It works fine in Firefox and Google Chrome but not in Opera and Internet Explorer.If you don't have Firefox or Google Chrome,when you click an element, if should be lighter green, rolling out of a clicked element, it should be darker green. The same happens with elements that are not selected, ubt they are gray. But in IE and Opera, when you roll out of a selected element, it is gray.I can't debug it in Opera because I have no debugger there, like Firebug.
I am trying to add select items via jquery to a select control. The following code works perfectly in IE, Opera. Chrome and Safari, but for the life of me I cant get it working in firefox. I really don't think its a bug but I must be missing something obvious.
Just wondering if anybody went through this before. The following code works fine in IE. It looks for checkboxes named market, although I use market[$id] for each checkbox. Code:
I'm currently working with a bit of javascript to dynamically add <option>s into a select box. My code currently works fine in Internet Explorer, however in Firefox the dropdown only displays the first option in the list, and when clicked the other values aren't displayed.
Here is the code;
//ar_options is an array with the option to be displayed in.
for (count=0; count<number_of_options+1; count++) { document.forms['enquiry'].enquirytype.options[count] = new Option(ar_options[count],ar_options[count]); };
As I said - fine in Internet Explorer, but not in Firefox. I did discover some discussions about this, which were talking about an issue and workarounds but I couldn't get any of them to work. I have also tried simply using the document.write() function to output the HTML in the correct place. However this is just hte same, works in IE but not Firefox.
I have a <select> object that i've set up an onchange event that fires in IE fine when I use the cursor up and down in the list, but If I use the cursor up and down in Firefox the event doesn't seem to fire until I've left the field....If i use the mouse all is fine, only when using the cursor keys does it not fire the onchange event in FF.
I have the requirement of autoupdating the drop down lists , when a selectin is done in another drop down box. I dont have a server through which i can make it dynamic. I have to hard code it in the html. Can someone suggest anything.
I already disable Ctrl+C, Ctrl+V, Ctrl+A, Ctrl+Insert, etc. I know that haven't a perfect way to do this... but i want just turn more difficult to users copy. I don't know how to do it with the "Select all" at top dropdown menu in Firefox.
I found a web page with 2 selection lists in a form. The contents of the second selection list are updated based on the entry in the first selection list. For example:
if the first selection list has all the states in the USA, the second list will display all the major cities in the selected state.