Basically, I have written an application that runs a report based on a certain amount of parameters, one of which being date. So, the date selection is a <select></select> dropdown menu and it has the usual in it, today, yesterday, this week, last week etc. The problem is I need it to have a 'Custom' selection to run reports for custom dates. When 'Custom' is selected in the dropdown menu, two text boxes appear underneath with YYYY-MM-DD watermarked in them. I have assembled enough code from around the web to get this to work and it works fine, the problem I have is that when the user clicks off the 'Custom' option and on to a different one, I need the textboxes to disappear again.
Here is the code I am using:
<script type="text/javascript">
function showhide(divid){
thediv = document.getElementById(divid);
if(thediv.style.display== 'none' ){
thediv.style.display='block'
}else{
thediv.style.display='none'
}} .....
I'm using a bit of Javascript to display content based on the dropdown selection:http://jsfiddle.net/mcgarriers/wjLXk/However, I would like it when the user selects "show two" that it shows the 2 div elements rather than specifically div2.And for "show three" it would show all 3 divs.
ive been racking my brain looking for a code solution for this....im a html and css pro....and a javascript heres what im tryna do....i have a form...that has a <option> in it for 6 dropdown options.... in one of those possible options.. when SELECTED...i want the div layer that i currently have under it...to appear and i cant seem to figure it out....heres my code in its entirety i want budget div...to appear when the option website design is selected
cna anyone tell me how to use the Select = "selected" option for a simple dropdown. for example when someone chooses c it will have a code like <option selected="">c</option> (am I doing it right, well if you got a firebug some site with dropdowns offers that option) so can anyone tell me how that works. I will be using it for a purpose of just selecting parts on my array, well incorporating it
I'm pretty bad with Javascript, but I need to hide or show a snippet of text (could be inside a div without problems) based on the selection of a dropdown menu (<select>). If they choose anything with the word "Series" on it, I need to show the snippet. If they choose anything without "Series" on it, then the snippet needs to disappear. I should mention the snippet is part of a form, just a checkbox but that shouldn't be a problem I don't think.
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
According to [URL] intended way for jQuery to change dynamically the selected option of a dropdown select control isassigningthe desired text instead of the value. I found this way veryinconvenient (data structures usually deal with value codes, not value descriptions) and it seems to work only sometimes.
Trying different options I came out with this approach that seems to do the job so far:
function setSelect(pID,pSelectedValue) { $('#'+pID + ' option:selected').removeAttr('selected');
How can I disable an option in a drop-down menu? Specifically, I want to disable the option "Bouncy Castles". I want to display it, I just want the user to be able to select it. As well, how can I remove the indentation?
I have a function that creates a Select dropdown on the fly:[code]I would guess that I have to add something like: theOption.setAttribute("value","1");I want to be able to call the following function and execute a code base on the selection of the Select Dropdown: [code]I don't know why is not working. I assigned the value 1 to the select dropdown theOption.setAttribute("value","1"); I call the TitleOnChange function myselect. onchange =TitleOnChange;And Finally I indicate that if the value is equal to 1 do.[code]Does anyone knows why this doesn't work and how could I fix it?
I am trying to make a form that after selecting a certain RadioButton i want the value of that radio button to be changed in to a JavaScript varible, iv tried document.myform.RType.value but wont seem to work.Currently in this code i am simply trying to disply the value of the RadioButton selected in the drop down box just so i know its working. I will then work on changing value of the drop down box depending on the RadioButton choice. So if anyone could help with the getting radio button value to a varible that would be great and advise of the changing value depending on radiobutton vlaue that would be amazing.
i'm currently designing a dropdown menu that can create a textfield or another dropdown menu based on the option from the first menu. is it possible to create this out of javascript?
I am putting together a form for people to view their profile. The form includes dropdown/select elements to get the users Occupation/Job Title, Organization Type and also their State/Province.
For the profile form, I would like whatever value the user has stored in the database to show up as the "selected" option within the select element.
I want to be able to post to a page, and one of the post values, auto selects one of the values in a drop-down box.So say i post a value 'Red' from a field called 'Colors' to a form, I would like 'Red' to be automatically selected in the 'Colors' select dropdown list.I am working with dropdown lists of many values, so need a way to automate this selection.
I have a drop down box (select) in my website: [URL] that works fine; but the problems is if the user click on a wrong option, it will show a box and if the user click on another option from the box, the last one will be on display and won't go off..
Like this select something and then at the same box change the selection you will see the code will build up boxes on the screen.. How I do for it not happens if the user change the option in the last box, the one before disappears!
I need to hide/show elements in a SELECT tag. I don't want to manage 2+ SELECTs (populating one from another) I'm trying to do something like this:
function actualizar_lista_platos(){ var lp = document.getElementById('COD_PLATO'); var mnu = document.getElementById('COD_MENU'); var cod_menu = mnu.value;
[Code]...
Both COD_MENU and COD_PLATO are SELECTs, being COD_PLATO the "son" of COD_MENU (every COD_MENU element has associated 1+ COD_PLATO's element, so if I choose a COD_MENU element, I need in COD_PLATO to be shown the COD_PLATO's elements related to the select COD_MENU item)
Finally, I just need to know if there's any way to show/hide elements in a SELECT tag. That's it.
Ive searched this forum for a simple solution to this. I want have a drop down of countries. Only if USA is selected, it shows states, otherwise it is hidden. I have a function which is 'trying' to write the state dropdown to an empty span.
I've tried to find a stright forward script which show/hide specific form fields based on a selected option. I've seen many online but non of them was working with me without the need of some coding or tweeks. Does anyone here have such script?
I am still having trouble creating the Select Menu option. I got parts of the correct syntax but it is still not creating the selected carrier as an option in the parent page.
Help apprecitate,. I currently have it commented out just to show the line to you better:
function onCarrierSelect() { var frm = document.carrRequestForm.carrierList.selectedIndex ; var selectCar = document.carrRequestForm.carrierList.options[frm].text; var varEl = "<%=varElementName%>"; if (window.opener && !window.opener.close) var oOption = window.opener.document.createElement("OPTION"); //window.opener.form.[varEl].options.add(oOption); oOption.innerText =selectCar; oOption.value =selectCar; window.close(); }
So then I have some JavaScript code, that automatically determines which state you're in. My question is, how do you get JavaScript to select the state the code has determined you're in? I tried these, to no avail.