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]....
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.
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?
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 RelatedThe left hand layers make one right hand layer visible via onMouseOverIf one of the list boxes is clicked the drop-down list appears as per "select" function.it stays visible until any part of the window is clicked again. This makes clicking a bit more laborious when changing to the next listbox.BUT if the layer is switched (by hovering over a different onMouseOver position) the visible drop-down list remains visible until the window is clicked again.I can't see any attribute/parameter that will hide this list in JavaScript.I can set the selectedindex when the list is clicked eg
Code:
function sfm_goto(loc,obj5){ //v3.0
var obj10 = findObj(obj5);
[code]...
how I can enable the second drop down after the first drop down selection is selected?
Code:
<form name="myname" method="post" action="mypage.jsp">
<select name = "Movie">
[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]....
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]....
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 am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
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 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 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.
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]....
I have a very simple form. I start with the submit button disabled and once all of the fields have been validated I would like the submit button to enable. I only have required fields so the standard options that come with the validation plugin satisfy my needs. I only have this code along with the corresponding classes.
$(document).ready(function(){
$("#myForm").validate();
});
[code]....
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]....
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]....
I've got some directory list boxes on the site I'm working on. I made them big and fixed rather than drop-down so they're easier to use in this context. But I had to enable the "multiple" attribute to make that work. The site has no provision for multiple selections so it's a tad annoying when the search function selects more than one name in the list.It doesn't really affect the site's operation but it could be confusing to some people. Is there a way to make the listbox show multiple selections without allowing multiple selections? Thanks for any help.
<select onchange="display.apply(this, this.value.split(','))" multiple="multiple" id="People" name="People" style="border-style: none; height:244px; width:220px; margin-bottom: 15px;">
<option>Loading</option>
</select>
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 have a checkbox at the top of the page, and then I have a form full of text fields etc, called 'frmEnquiry'.
I would like the form to be disabled (or the text fields, elements etc) when the checkbox is not enabled, and when ticked i would like it to be enabled.
Is there a function or way round this?
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 am trying to initialize form elements with the values retrieved from an excel file. I am able to read from excel, but unable to initialize the form elements to values retrieved. No idea where I am going wrong.. code...
View 1 Replies View RelatedI have a form with 3 fields that will allow a user to search a database of clients by either name, email, or client id number. However, I would like the user to only be able to put information in one field. It can be done be either deleting the other two fields when the user inputs information into a different field, or by disabling the other two fields when the user enters information in one (and also frees up all fields if the user ends up deleting what they entered).
Below is a start of what I had. Basically, it will disable the fields when I mouse out of them but won't re-enable them when I mouse back in. As you can see, I tried various combinations of events. (My code below also doesnt null out the other fields when the user opts to use a different field than the one they first began to enter info in).
<html>
<head>
<script type="text/javascript">
function makeDisable($ID){
var x=document.getElementById($ID)
[Code].....