Disable Select Until User Puts Mark In Check Box. Then Enable Select?
Jun 26, 2010
disable select until user puts mark in check box. Then enable select.I have two select box's on a page. The first asks what product, the second is based on the first and presents a list of pdf's according to which product the user selected. (yes, multi dimensional)What I have works fine, but now i need to make the user put a check mark in a check box before the First SELECT box becomes enabled/available.So basically, when they agree, they can get the download.Here are my select boxes.
HTML Code:
<form>
<select name="category" style="width:180px"></select>
<select name="site" style="width:180px" onchange="openLink(this.value)"></select>[code]....
(ignore the The 'open' button. It's there in case the default option is what the user wants, so they don't have reselect via the select box.)
1. How do I disable the select boxes by default on page load?
2. How do I detect that the user has put a tick in and the enable the disabled Select box?
View 6 Replies
ADVERTISEMENT
Jul 20, 2005
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?
View 3 Replies
View Related
Sep 9, 2011
I 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?
View 1 Replies
View Related
Jan 18, 2006
I need to be able to uncheck and disable a checkbox based on the option selected in a Select list.
This is what I tried.
==============
<script type="text/javascript">
function GetOptVal(OptVal)
var OptVal;
{
if(OptVal="XX") document.form1.chkbox1.disabled = false;
}
else
{
document.form1.chkbox1.checked = false;
document.form1.chkbox1.disabled = true;
}
</script>
<form name="form1">
<select name="Opt1"
onchange=GetOptVal(document.form1.Opt1[document.form1.Opt1.selectedIndex].value)>
<option value=" ">Select One</option>
<option value="XX">XX</option>
<option value="YY">YY</option>
<option value="ZZ">ZZ</option>
</select>
<input type="checkbox" name="chkbox1" />
</form>
View 2 Replies
View Related
Jan 30, 2011
Firebug returns an error saying msg.elements is undefined. I'm trying to make a function that will enabled a delete button if any of the check boxes in a list are checked.
Code:
function selectone () {
var msg = document.getElementsByName('pm');
var i = 0;
for(i; i < msg.elements.length; i++)
[Code]....
View 2 Replies
View Related
May 30, 2011
Is there any way to enable a form element(s) based on the selection in a <select> drop-down? I'm trying to enable/disable a group of checkboxes depending on which option is chosen in the <select> above it.I know how to enable/disable something when a box is checked (or text is entered into it) but I have no clue how to handle the <select> option.
View 2 Replies
View Related
Aug 6, 2009
I'm trying to create a group of radio buttons that enable user to select whether to maintain the current image, remove the image or upload a new image. If user selects maintain the current image or remove the image, the upload field will be disabled, when user select upload a new image, the upload field will be enable. My script is as below but I do not get it work correctly, do you have any advice for me?
HTML Code:
<script type="text/javascript">
function Disab() {
frm=document.forms[0]
if(frm.change_voucher.checked)
{frm.img_voucher.disabled=false}
[Code]....
View 2 Replies
View Related
Feb 11, 2011
As this forum has been so helpful before, this time it's a JS question:I have a list of checkboxes from which the user can select 1 or more to check and perform an action upon.Thus, all checkboxes have the same "name" (in ASP code, since it's DB-related):
response.write "<input type=checkbox name=""FieldName"" value="&obj("OrderID").value&">"
I call JS using a button:
<img src="images/TrashBin.png" border=0 onclick="Delete(document.FormName.FieldName)">
[code]....
View 3 Replies
View Related
Jan 31, 2011
I’m developing a site for some hotels in baltimore.I want to incorporate a booking widget similar to the one on: http:[url].... Where a user can select 1 of 4 property’s to check for availability.
View 4 Replies
View Related
Aug 28, 2010
i am trying to pass text from one select box to another select box. The logic is if 10 are added, no more passing must happen. Also if an item is already added, it mustn't be added again.I am using the for loop to check the existence of an item but it is not working: what am i doing wrong?
Code:
function PassSelectValues(){
//pass values from select boxes to select boxes
var counter;[code]....
why isn't counter incrementing at all? The alert message box does appear saying item exists but the item gets added anyway.
View 1 Replies
View Related
Jun 4, 2009
I want to in a form be bale to enable or disable portions of the formwhen the user clicks ona check box. I have tried two different waysbut neither seems to work...
//the first does not let me even click the check box
$('#regular').toggle(
function() {
[code]....
View 1 Replies
View Related
Feb 12, 2010
I have a ColdFusion page with a select drop down list. On submit, I'm storing the value in a cfparam and trying to use jQuery to auto select that particular option. Currently I'm using :contains but this is unacceptable because it selects the last item that contains the cfparam.
$("option:contains('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
Is there something like this:
$("option").equals('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
[Code]....
I willconsider other alternatives to accomplishing my objective.
View 1 Replies
View Related
Oct 21, 2011
I have a form with 4 radio buttons, the scenario is, when a user click on a radio button a hidden content will be displayed and the other three radio buttons will be disabled so that at one time a user can only click and view single radio button and the hidden content.Here is my code to show hide the hidden content but i need when the user select one radio button the other radio buttons should disable.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]......
View 17 Replies
View Related
Jul 17, 2010
I need to enable(disabled="false") the text box mode when user click on edit button. this is my code;
[Code]...
View 1 Replies
View Related
Jun 16, 2011
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]....
View 2 Replies
View Related
Jun 16, 2009
The website I'm currently developing has a search area where users can narrow down where or what service they would like to view.The problem I'm having is, I have certain things that fall into only certain areas.Here is the actual form:http://www.xgfx.co.uk/drop-downs.jpgAnd this is the code behind it:
<form id="ticsearch" action="searchtic.php">
<select name="country">
<option value="1">Select Country...</option>
[code]....
View 5 Replies
View Related
Mar 13, 2007
When a certain option value is selected it is supposed to enable a text field. However, it's not working and I'm not sure why. Here's the code:
View 3 Replies
View Related
Nov 30, 2011
I have a form with a dropdown and input field:
<form1>
<select name="warranty" id="warranty" onChange="doadate()">
<option value="Select">Select</option>
<option value="In Warranty">In Warranty</option>
[Code]....
But it's not working, it stays disabled after load even when the DOA is selected in the dropdown form field.
View 1 Replies
View Related
Feb 24, 2009
I would like to disable a check box depending on whether 1 of 3 radio buttons is chosen by the user. As I am a js noob, I don't have any beginning code to start with.
View 7 Replies
View Related
Oct 12, 2011
I have a telephone input on my form. It is an optional input for users. The prompt begins with the user having to select a phone type from a select menu, and then continue to the text fields to enter the digits.I would like to have the text fields disabled unless any of the types of phone are selected, but not if a type isn't selected. Here's my HTML code so far:
<select name="phoneType1">
<option value="" selected="selected">Type...</option>
<option value="Home">Home</option>
[code]....
View 2 Replies
View Related
Nov 24, 2004
i have a select element:
<select name="test1[]" size="5" multiple id="test1[]" >
and I have two radio buttons to enable/disable:
HTML Code:
<INPUT TYPE=radio NAME="f1" VALUE="option 1" (this.value)"><INPUT TYPE=radio NAME="f1" VALUE="option 2" (this.value)">
Javascript is as follow:
Code:
function Disab (val) {
frm=document.send;
if(val=="option 1") {
frm.test1.disabled=true;
} else {
frm.test1.disabled=false;}
}
It appears when I name the select element with '[]' it doesn't work. Is there another way to gather data from element via php or is there another way to identifiy the element to disable.
View 2 Replies
View Related
Feb 25, 2010
iam trying to use 5 drop downs in my form for user to select languages and each select drop down should not allow the user to select the same language again and all my drop downs are populating individually from the DB on the page so if "English" is selected for "dropdown 1" then again "drop down 2" should not allow "English" to be selected.
View 3 Replies
View Related
Aug 26, 2010
Looking to return true if a question mark (?) exists in a given string.I was thinking of something like the following, but it obviously doesn't work.
alert('/?'.test('my?string'));
View 1 Replies
View Related
Mar 15, 2009
i have found the following code and altered it to disable certain fields in my form.but it does not swap the fields around from disabled to enabled and visa versa.what am i doing wrong? mthe following javascript code is in a file and i use the <link... > method within the <head> tags to include this script
function txtDisable( theForm ){
cBox = theForm.NAME;
if( cBox.options[cBox.selectedIndex].value == "st" )[code]....
View 6 Replies
View Related
Jul 20, 2005
I'm new programmer in JavaScript. Can any one help in creating a
checkbox (by default selected) from JavaScript and creating Drop down
box (<select> ... </select>) from Javascript.
View 1 Replies
View Related
Aug 31, 2009
I found out how you can check if an array value exists but I can't seem to get it to work with the options array for some reason.
how I can find out if a certain select value exists?
View 8 Replies
View Related
