I currently have two selectbox, the first for categories and the second for subcategories. When an option from the category selectbox is chosen I would like the subcategory selectbox to be filled with options drawn from an array.
The following code I have works for Chrome and Firefox but not in IE, I would appreciate any help to fix the code or new code which does a similar function.
I have two selectboxes. I just want it something like this, when I select a value in my first selectbox the second selectbox will show. And when I select different value on my first selectbox, my second selectbox will hide. Meaning, there is one value in my first selectbox that has the ability to show the second selectbox.
My code (below) works if I place the selectBoxes in different cells on a table. However, what I want is only ONE selectbox displayed at a time, not the 3 different select boxes in 3 different table cells of the table.
I initially want the citySelect to display, but if user clicks option [-- change country --], then the citySelect is REPLACED by the countrySelect. Then, on making a country selection, the countrySelect is REPLACED by a new citySelect which is populated with the new city list.
Code: <script type="text/javascript"> <!-- function loadCities(countryID){ if(countryID == "") {
I want to add more dropdown options which are dependent on previous options. Now I have "hand" and "loft". I want to add next option "model" How to add third dropdown option box?
we probably all know the problem that select boxes under IE are always overlap DIV layers. Afaik there are two workarounds:
1. hiding the select box 2. IFrame beneath the DIV layer
But I don't know how to do that.
We want to show a DIV layer as tooltip. The DIV layer has no defined size (neither a width nor a height attribute). The size depends on the text the user defined for the tooltip.
My questions:
1. How can I know when the tooltip is 'over' a select box, so I can hide it.
2. How can I define an IFrame that has the same size as the tooltip, when I don't know the tooltip's size?
Having a problem with validation, it's been a while since i have done some javascript but i'm pretty sure it used to work on both browsers but i can't get this to validate in FF.
I have a long list of options in multiple selectbox. The selectbox gets a scrollbar in that situation.
Does anybody know if it is possible to scroll through the options with javascript? eg: moving the to the first selected option?? Any samplecode, API, pointers?
I have a select box whose options are populated from an xml file,which works fine for showing one option at a time, but what I would like to do is have one of the selections to be to show all of the options at the same time. At the moment I have it working with a checkbox that works off a separate piece of code, but it would be great to have that option within the select box.
have a text box which when searched with 3 characters of vendor name will do ajax request and populate the results below the textbox, beside the box are two arrows pointing to a selectbox, when i clcik on the right arrow after the search the vendor name should to added to the select box....similarly after i add required vendor names, I should be able to delete the name from the select box.I have completed the ajax search part of the textbox, and I am stuck with the passing value to the selectbox portion.
Im trying to create a custom selectbox and Im having some problems, with it. What Im trying to do is have a function that loops through all <select> tags and find ones that only have the class name of "select" and then from there they get a custom select box. From there I have a variable passed in order to get the option. I created a few elements and etc... So at this stage Im just trying to get the text from the <option> tag within each individual <li> element and I can't get it working.
as I know this can be done thru jQuery. I have two selectboxes. I just want it something like this, when I select a value in my first selectbox the second selectbox will show. And when I select different value on my first selectbox, my second selectbox will hide. Meaning, there is one value in my first selectbox that has the ability to show the second selectbox.
I have a select box, and I want to use it to Ajax-update some other content on the page. So I have bound an event handler using the JsHelper (jQuery) like so:
I'm using the niceforms plugin to style my select box. The problem I'm having is that I can't get the right javascript code to activate the links placed in the value option.
el.lnk._onclick = el.onclick || function () { if(this.ref.oldClassName == "NFOnChange") { //insert your code here }};
This is my attempt at manipulating the code to allow url linking in the select drop down
el.lnk._onclick = el.onclick || function () { if(this.ref.oldClassName == "NFOnChange") { //code i added window.location.href = $(this.ref).val(); }};
The PROBLEM is the links do not work as expected, they do not link to their corresponding values.
form class ="niceform" select class ="NFOnchange" option value = "http://link1.com" -> link1.com option value = "http://link2.com" -> link2.com option value = "http://link3.com" -> link3.com
i just need to insert the right bit of code to make the links correspond to their option values.
The script in externalGetOptions is basically ok (as I call it directly in the html source (when I place the code in the script section in the HTML-source) everything works fine). Point is that this piece of script in the HTML source is built on the server side and need to be in an external js-file. So it needs to be an onclick event.
im not so good in javascript.I want to show multiple divs on select of a <option> box. So lets say there are 3 options.All works fine up to some point, when I choose lets say option 'b' first.. I get 2 divs. Thats good.. Then I choose option 'c' I get only one div. Thats good.But if I choose option 'b' again, I get 3 divs instead of 2 !! It shoudnt show the div from from option 'c'.
I have two selectboxes containing several option. I am able to move options from one selectbox to the other selectbox (by .insertBefore for example).
However, when I clone those selectboxes, the cloned selectboxes behave incorrect. I am able to move options from one to the other, but they won't show correctly. Only after a browser resize or minimize/maximize window will the selectboxes be 'refreshed' to reflect their real content. See the following code example. Bottom selectboxes are clones of the top ones. Code:
There will be a default onchange function for the selectbox, but for separate script, I need to onfly detach the event and re-attach a new function to it. But, it seems that not working at all.
I have an idea, but not sure how to do it... If I use the last example and then somehow in my javascript function would be able to, like in php, extract the code=1 so I would get only the "1"...
