Drop Down Menu Disable/enable Selections?
Apr 2, 2010What I'm Looking to do is base certain options in a dropdown menu in a form off of the first selection, like this
Code:
Selection 1
Option 1
[code]....
What I'm Looking to do is base certain options in a dropdown menu in a form off of the first selection, like this
Code:
Selection 1
Option 1
[code]....
came across this forum while searching for an example of how to do something in Javascript, and found the post helpful, but didn't quite answer my query completely... It was a very old thread, few years old, though so I thought best not to revive it from the murky depths :)Basically, I very rarely use JavaScript... in fact, I rarely do any programming at all, but I'm trying to build a basic site at the moment, and I'm wanting to disable/enable a text box based on the value of a drop down menu...The idea behind it is that I have a sub title, and in the admin panel, I want to be able to set whether the sub title is picked randomly from a database, or whether it chooses one, and only one...So in the admin panel, I've got a page that has a drop down menu with two options. Static, and Random. Below this, I've got a text box called Static ID... In this text box, the administrator would insert the database row ID for the specific sub title they want...
Obviously this Static ID field only applies if you select a Static sub title, rather than a Random sub title...So what I want to happen is for the text box to be disabled if the drop down menu is selected as Random... and then enabled if the drop down is selected as Static...So I came across the following script on an old post as mentioned earlier:
<script type = "text/javascript">
function enableTextbox() {
if (document.getElementById("dropdown").value == "New") {
[code]....
We have a site we are working on in which we use drop downs for easy search functions. (We also have an advanced seach which use check boxes) But... the client has been asking us if we can make a muliple selection happen from this quick search. There are only like 20 options to choose from but a scrolling text box will look awfull there.. as the drop downs work nicely.
Has anyone ever seen a muliple selection drop down? Or something like it?
My current project is available for perusal in order to assist me at: [URL]As you can see, I make it so that once the product type is selected, you can then select a wattage. This dependent drop-down works, however I want it so that when I select a value in the left-hand side (wattage), then the one on the right will offer a pre-defined value that replaces the wattage I have.
For example, a GU-10 in 'Type of Lamp' offers a 50, 35 and 20 watt bulb in 'Current Lighting Products'. In 'Energy Efficient Products', it offers 5 and 3. I wish to make a statement somewhere so that if they select 50 on the left, it selects 5 on the right. If they select 35 on the left, it select 3 on the right.
I would also like it to do multiple offers, so that if they select say, a 35 of the MR-16, I want the right hand side to offer both 5 and 3. The only way I can think of doing this is via a lot of 'IF' statements.
I have a javascript function that will load a CSV file in to a grid:
Code:
function load(url){
table.setURL(url);
table.request();
}
<button onClick="load('URLTONEWFILE.CSV')">Load New File</button>
This works perfectly, however I need to take it a step further to load CSV files, based on user choices from two drop down boxes. Something like this:
Code:
<form name="myform"">
<select name="mycolour">
[code]....
Wonder if there is a way to have my Drop-Down box selections create individule single row/dual colume tables for each item that was selected from the drop-down box. An example would be:
1: I selected 3 items from my drop-down box at one time (my drop-down box allows multiple selections).
2: I click a button call "Create Template" and three new single row/dual colume tables are created with the names if the items.
Here is what I have so far, but need a little help. Notice I have added the three tables in to show how it should look but this is for information only as these should be created automaticaly.
[Code]...
I am trying to have it save menu selections, I was thinking either cookies or storing it in the window thing but I am unsure of how to do these.
HTML Code:
<script type="text/javascript">
function setCookie(c_name,value,exdays) {
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
} .....
I have a form with pairs of checkboxes. When one is checked then I want to enable the other checkbox for that pair, and disable when unchecked. I can get this to work when I have a separate function for each pair, but not if I try to use one function and pass the id of the element.[code]
View 2 Replies View Relatedi've been looking online for a while for a code that would disable 3 text fields.[code] Was unable to find one. was only able to get it to do one of fields. What i'm try to do is have a checkbox to enable and disable a row and produce a value in the totalcalls box.
View 6 Replies View RelatedI have exactly one external, alternate stylesheet that I want to enable or disable by form controls, on one page only (not saved across pages).
I used:
<link rel="alternate stylesheet" id="style-compact" etc...>
<input name="view" type="radio"
onclick="document.getElementById('style-compact').disabled=false">
<input name="view" type="radio" checked="yes"
onclick="document.getElementById('style-compact').disabled=true">
Is this the best way to do it? I want to reference the alt-stylesheet by
name (or similar), not index.
It works in my Camino & Safari. In IE-Mac, I can enable the stylesheet,
but not (subsequently) disable it again -- parts of the page just
disappear.
I've this code:
function checkdate(FormSubmit){
alert(document.getElementById('Mois').value);
if(eval(document.getElementById('Mois'))>0 &&
eval(document.getElementById('Annee'))>0){
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= false; //can't reach the control here
}
else
{
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= true; //can't reach the control here
}
}
....
<form name="FormSubmit" method="post" action="">
....
<select name="Mois" onChange=checkdate(this.form);>
....
<select name="Annee" onChange=checkdate(this.form);>
....
<select name="SELECTCONSTRUCTOR" disabled>
Now, what I would like, is to enable the SELECTCONSTRUCTOR if month and year
are selected (I mean different to 0).
I can't enable or disable. In fact I can't reach the control in the
checkdate function...
How can I enable/disable SELECTCONSTRUCTOR when my 2 fields are selected?
this site,I had a problem with my code. I had two radio buttons when i click the first radio button i want to appear one login form(username,password&submit button) and some fields like texbox, radio buttons.here the login form is only in enable state remaining fields must be in disable state. When i click on second radio button then i want to disappear the login form and the remaining fields must be in enable state.here is my code
<html>
<head>
<script language='javascript'>
[code]....
I have a check box that is active, but everything below it is disabled. I wrote a script to enable it but the error report keeps saying that my function has no properties. Why is this?
function disable_enable(){
if (document.all || document.getElementById){
if (document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled==true)
document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled=false
else
document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled=true
}
}
<form name="inputForm">
<body>
<table>
<tr>
<td><input name="inputType" type="radio" value=""></td>
<td>Account Num</td>
<td><input name="txtAccNum" type="text"></td>
</tr>
<tr>
<td><input name="inputType" type="radio" value=""></td>
<td>Service Num</td>
<td><input name="txtSrvNum" type="text"></td>
</tr>
</table>
</form>
i want to disable all the textfield..when user check the radio button(let say the above one), the above textfield (txtAccNum) will be enable..im new to javascript.
In the following code I just want to disable the textbox if “other Amount is selected”, radio element 7.I have been working at this too long cause I can’t see the problem.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
[code]....
I have div with Textbox, label and hyperlink it it. I want to disable /enable the elements in it. I am using this code.
$('#Content_2 :input').attr('disabled', true);
#Content_2 - is a div
But this leaves the hyerperlink and label enabled. How can modify this ?
I was trying to but failed to do. I have two radio of gender and two input box father name and husband name if sex selected male then fathers name will be enabled and husband name will be disabled and if female selected then fathers name will be disabled and husband name will be enabled.
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female </div>
Father's Name<input type="text" name="fname" />
Husband's Name<input type="text" name="hname" />
I am trying to do like if country none selected city will be disabled and if usselectedthen city will be enabled.triedby this code but unable to enable city onsection.
View 8 Replies View RelatedI have an ASP page that has a master page. I have a drop down list and 2 text boxes.The change function is being executed and I get the text value of the selected list items, but the enable and disable are not working.[code]
View 1 Replies View RelatedI need to be able to disable a link upon clicking an agreement. Here is what I currently have, I am trying to make a custom button for jcryption.[code]...
View 2 Replies View RelatedI have 2 text boxes I want to control with a select.
I can code this problem myself, but was wondering if there is some better way to do it...
There are 4 values for the select, "", S, R, and B.
When "" is selected I want both boxes to be disabled, When S or R are selected the Stext or Rtext will be enabled respectively When B is selected both will be selected...
So I have the function to handle this in my own custom UI namespace.. Here is the function:
SRB: function() {
if ($("#SRB).val() == "B") {
// enable both boxes
} else if ($("#SRB").val() == "S") {
[Code]....
etc.. i guess you get the picture. Basically the question is, is there a way to do this without statically setting if conditions for each select box condition?
i have a table having dynamic rows containing diable textbox.!
<?(while($row=mysql_sql_array($result)))
{?>
<tr>
[Code].....
Now i want tht on check disable box becums enable..
I have form with
Name
Age
Payment Mode (Combo box include payment mode 1, payment mode 2, payment mode 3)
When I select a payment mode-01 enableling 5 combo boxes. If select payment mode 2 disabling that combo boxes. How do I do this thing.
I made a small photo application using javascript that displays random pictures like a slideshow. There is text that goes with each picture that is initially hidden but becomes visible when the user clicks on a button. I have the pictures grouped into separate .js files (about 10 per group) and the page selects images at random from all separate files as if they were one. what i need to do is to be able to disable or deactivate certain photo collections by checking/unchecking a box.
for example, if this appears in the html file,
<script TYPE="text/javascript" SRC="slide1.js"></SCRIPT>
<script TYPE="text/javascript" SRC="slide2.js"></SCRIPT>
then there would need to be two checkboxes (preferably at the bottom of the page), one for each .js file. if box 1 is checked then the images selected are drawn only from slide1.js. if box 2 is selected then images are only drawn from slide2.js. if neither are checked then no images are drawn, and if both are checked then images are drawn from both .js files.
Using Jquery ... How can i disable a button for 3 seconds then after that enable it when a use click a button (to avoid the user clicking without stopping)
Button Enabled -> user click the button -> button is disabled for 3 seconds -> button is enabled .
I have two radio box ()Premium Listing, () Free Listing now I want to disable all those input field (text box) having class="paidfield" when I click on ()Free Listing and enable when I click on () Premium List.I need this in Mootool because my application is using Mootool only.
View 1 Replies View Related