I have this validate code to validate a textbox if the user select a combo value: <script type="text/javascript"> $(document).ready(function() { $("form#2form").validate({ rules: { viaAltro: { required: "#AltraVia:checked" }}, messages: { viaAltro: { required: "Insert 'Altra via'" }}})}); </script> and this is the HTML: <select name="viaFornitura" id="viaFornitura"> <option>Seleziona la via</option> <option id="AltraVia">Altro</option> </select> <label for="viaAltro">Altra via</label> <input name="viaAltro" id="viaFornituraAltro" type="text" /> but it doesn't work.
I have a dropdown box which should display an appropriate text box only when a particualar option is selected. Currently, the textboxes are displayed all the time. I do have a Javascript function that works for 2 options(hides always and displays only when the correct option is selected). But I need it to work for 3 options. Here is the code. You can copy and paste this code as an HTML file and you will know what I refer to.
hi..i need some ideas...I want to calculate student fees payment on my php page, but my coding here its not working. One more thing is when selected item click and its can display value of the item in other textbox(ex: if course Diploma Multimedia is selected, then the course fee is 19000 is display on txtCourseFee).I'm using java script for the calculation and save into mysql database. The code is here :
I am trying to display a rel of each option as they are selected into a div below it . There are several selects of classProductAvailability on the page. When one of the selects changes, I'd like the value of the rel of the selected option to display.At first it seems to work, but only if you start by changing the last pull down menu. The trouble seems to be in the"select.ProductAvailability option:selected", this needs to be written for this instance, not all of the selects of that class on the page. How do I write that, I've tried$(this+" option:selected") but it won't take.
I want to calculate student fees payment on my php page, but my coding here its not working. One more thing is when selected item click and its can display value of the item in other textbox(ex: if course Diploma Multimedia is selected, then the course fee is 19000 is display on txtCourseFee).I'm using java script for the calculation and save into mysql database. The code is here :
<script language="JavaScript" type="text/javascript"> function CalculateFee (form) { var coursefee; var payamaount = form.txtpayamount.value; (user input) var balfee;
i am currently creating an order form. In this form the user has a lot of different choices to make, so I use select boxes to show them the most common ones, but these are just "suggestions", the user should not be limited to these options. Just take a look at this example:
[Code]...
This works as it should, if "Other" is selected, the <select>-Node is removed and is replaced by a text field with the same name. (This is important because the server side script is already finished and just takes these values.) However, if "Other" is selected but the textfield remains empty after it lost focus, the original select box should be displayed again. Regarding this removing the HTML from the DOM doesn't seem very clever, but I doubt it's a good idea to have 2 elements with the same name (select box and textfield). Any ideas how I could get this working?
I have a radio group that, when a certain option is selected, it makes the radio group disappear and a textbox appear. It works great in Firefox, but it appears to be glitchy in IE.
<script type="text/javascript"> function showRestaurantTextBox() {
HTML Code: <html> <body> <script type="text/javascript"> var WinNetwork = new ActiveXObject("WScript.Network"); document.write(WinNetwork.userName); </script> [Code]...
I have two questions. First i want to display (WinNetwork.userName) NT LOGIN into the textbox. Is there any where i can link both Javascript and textbox. Secondly, when i open the html have i first get warning the internet explorer page im trying to open have activeX. Is there any where i can stop that popup aleart from being displayed.
In the code below I want to alert the selected option of select. In Mozilla the code works (If I choose "3" alerts it). In IE alerts: nothing appear --------------------- <script> function hi() { d = document.getElementById("day").value; alert(d); } </script> <select id=day onchange="hi();"> <option>0 <option>1 <option>2 <option>3 <option>4 </select> ---------------------
I'm trying to update a part of my page depending on the option selected from a drop down menu. A few of the options can trigger this event. So to do this i've given those options a class name, that i can check against when they're selected. eg...
Code:
So if 'test2' or 'test4' are selected it will check if the class name is present then do the rest. But I cant get the class name from JQuery. I've tried..
I have a select box with a few options. When the page loads I need to get the selected option in this select box and alert its inner text. Yet everything I try out on the net that should work wont work in IE, all other browser its fine. show me the TRUE and correct way to get the inner text of a option from a select box in IE?
I have multiple select boxes that have various options such as 'bangles', 'rings', 'earings' etc and I have a div that doesn't display until an option has been selected from one of the select boxes. If the option 'rings' is selected I don't want to display the div '#size'.
Jquery function:
The trouble I'm having is that I can't figure out how to use $(this) with option:selected. if I simply put the id of one of the select boxes then it works, but only for that one select box. I want it to be dynamic.
Basically, I have a <select> drop down with a bunch of <option>s, each with an onmouseover command. The problem is that if I click on one of the options, it loses its mouseover effect. Here's the code:
Code: <select> <option onmouseover="tooltip('Some stuff')">Blah</option> <option onmouseover="tooltip('Some more stuff')">More blah</option> <option onmouseover="tooltip('Even more stuff')">Blah blah blah</option> </select>
The tooltip() function creates a basic tooltip. While the drop-down menu is open, the onmouseover functions work just fine. It's when the option has been selected that it stops working.
I am trying to make a form that collects "Number of Children" a parent has. If they select "4" from the select input, then I want to slidetoggle out the appropriate divs, one for each child.
[Code]...
I have been able to use slidetoggle in the past when attached to a button, but this one has me lost. Anyone know how to accomplish this?
I have an html drop down list. the list has an 'other' option. when the other option is selected I want a text box to pop up to the left of it for entry. I was thinking about using a hidden <div> to contain the text box. and when other is selected to unhide it. How do I unhide it when other is selected?
Here is my options select from my form. Its dynamically generated with php. Code: <select id="upgrade[]" name="upgrade[0]" onchange="javascript:calTotal(this);"> <option value="1">1</option><option value="2">2</option> </select><br /> <select id="upgrade[]" name="upgrade[1]" onchange="javascript:calTotal(this);"> <option value="1">1</option><option value="2">2</option> </select><br /> <select id="upgrade[]" name="upgrade[2]" onchange="javascript:calTotal(this);"> <option value="1">1</option><option value="2">2</option> </select><br />
Using javascript I want to get the selected value. Here is what I have, but its getting no where: Code: function calTotal(aVar) { var c = document.getElementsByName(aVar); c = c.length ? c : [c]; for(var i=0; i<c.length; ++i) { if(c[i].value==1)//I am getting undefined here { } } Is there a way to loop through an array of option selected like the one I have here?
I wish to identify the option chosen in the function but not by its value, by its position:
<script> function goHere(){ var s = document.getElementById("input");
[code]....
I was hoping that variable "u" would be either 0, 1, 2, or 3.How can I get a variable to alert me the position of the selected option in the form? I think it is elements[i].