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.
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]....
I'm trying to to enable a text field with javascript (it is disabled originally). The name of the text field is duo[x]. (I need to keep the brackets so php will reconize it as an array.) In javascript, I was trying to use to use: document.form.duo[x].disabled = false; (but that didn't work).
Here is what I have right now:
Code:
<html>
<head>
<script type="text/javascript">
function change(code) {var a = "Duo[" + code + "]";
document.form.a.disabled = false;
}
</script>
</head>
<body>
<form name="form">
<select name="select" onchange="return change(x)">
<option>Opt 1</option>
<option>Opt 2</option>
</select>
<input type="text" name="duo[x]" disabled></input>
</form>
</html>
I'm trying to make a function that will enable any given form field. This is what I have, my form name is 'searchfields':
Code:
function EnableDisable(field)
{
var loc = 'document.searchfields.'+field;
loc.disabled = false;
}
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]....
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 Relateddisable 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?
I have a form where a user may select a box from above which will query the database and autofill in the fields. This works properly for all of my input text fields but I have a select box where a user selects their state that I am unable to get to properly populate.
The select box is populated on page load in the following format....
<select id="state" name="state">
<option value="1">ALABAMA</option>
<option value="2">ALASKA</option>
</select>
[Code]....
Everything populates correctly except where I try to set the val on the state select field. It does not change at all. I need it to display the statename with the value of the state (number).
I'm not sure if my term usage is correct, but using a select form field with various options. I would like that when an option is selected, a php query is performed, and the rest of the form is updated according to the selection based query.
View 2 Replies View RelatedI have a form with a number of <select> fields, some of which require additional fields to be displayed/enabled depending on which <option> is chosen. For example, in the following code, I'd like a <textarea> field to be displayed if users choose the 'Other' option:
<label for="venue_type"><p>What type of venue do you require?</p></label>
<select name="venue_type" id="venue_type">
<option value="null">--Please choose--</option>
<option value="Meeting/Training/Seminar room">Meeting / training / seminar room</option>
<option value="Computer Suite">Computer Suite</option>
<option value="Examination room">Examination room</option>
<option value="Lecture theatre / auditorium">Lecture theatre / auditorium</option>
<option value="Other">Other type of venue</option>
</select>
I'm guessing that it's possible to do this using onchange, but am not too great with Javascript .
I have a form with two select fields (facility[] and lightbox[]), along with a few other text inputs. Both of the select fields allow the user to select multiple options. This is fine for our needs, as long as the user only selects fields from within one select box. As soon as the user decides to make a selection from the other select field, I'd like to permit that, but clear all other selections from the first field.
View 2 Replies View RelatedI'm using jquery validation plugin but i don't know how to do a thing:I'd like to enable a text field after selected a value from a selection list.The select field is this:
<select name="examples" id="examples">
<option value="N">Normal</option>
<option value="A">Abnormal</option>
[code]....
I need to fill a form field when I click on part of region map. I think that jquery is solution at this issue but i don't know how it work. I'don't know how to join map to form field.
View 20 Replies View RelatedIs there some example js that shows how to populate a text field on a form, based upon what option is chosen in a select form field? The options can be hardcoded and it would be great to also have a default if js is off on the client side.code...
View 4 Replies View RelatedI am developing a small app in Joomla! where I need to sequentially number file folders. On the page where I add new folders I have a select menu to select the type of folder. In this case, either Action, Reference, or Archive. What I want to have happen is after I select the type of folder, I want to enter the next available number in the form field. I realize to do this without resubmitting the page I need to use javascript and onchange. The problem is I am almost clueless when it comes to javascript (I am working on it though) so I need some help. This is what I have.
Code:
<fieldset class="adminform">
<legend><?php echo JText::_( 'Folders' ); ?></legend>
<table class="admintable">
[code]...
I assume I have to pass my php array into a javascript array then call that based on my select menu. Only I have no clue how to go about doing that.
I'm having problems getting a script to work. 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 2 Replies View RelatedI have disabled a file input field which has a textbox above it. I am trying to make it so that when there is text in the textbox the file field is enabled and disabled when it is emtpy.
I do not want to assign id's to the file inputs so im trying to use the current[code]...
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?
I thought this would have been fairly simple but it appears the onchange event isn't triggered when a hidden field is populated by other javascript without user input.
I have a simple search box and autocomplete/suggestion ajax thingie going on.
What I want to do is have my "Go" submit button disbled until AFTER a user has populated the hidden field "cid". A user populates this field automatically when they click on a suggested option from the ajax autocomplete doofer.
Here's what I've tried at the moment but failed on.
<form action="index.php" method="GET" name="qsform" id="qsform">
<input type="hidden" name="p" id="p" value="compdetails" style="border:1px solid #000000;" />
<input type="text" name="quicksearch" id="quicksearch" value="Find Company"
[Code].....
I have javasctipt,radio buttons, and textfield in default my textfield is disabled, and when any of radio buttons was click it is disabled also, but when the radio button of the textfield is click it will enable, it works fine and submit the correct data. When I went back to that page the radio button of the text field was checked (ok its fine because it has value) but it didnt show the value of the text field, and it is disabled. I want to repost the input...
Here's my code
index:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body> .....
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?
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 RelatedI 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>
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.
I have a web form with several fields. If I copy & paste from a RTF document into a field, the javascript validation and field length are bypassed and cause the form to fail.
View 3 Replies View RelatedFirebug 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]....