I have a requirement where I have to check for condition if "any" element is selected with other items. Below is piece of code I wrote, which does not work perfectly.
if ($('#s2s_from option:selected').length > 1 &&
$('#s2s_from option[value=any]').length > 0) {
Ext.MessageBox.alert("Error", "You cannot select Any with other items.");
return false;
[Code]....
I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code].....
I have a form that I am using to generate an email with several user
selected fields being part of it. As part of this form, I have a select
box which allows the user to select which email addresses it should be
sent to. The box works great except that the CGI script I'm sending the
values to can only parse a single line for each field in the form. The
issue comes into play when someone selects more than one value in the
select box, the output of the select box seems to separate each value
on a separate line using a line feed (or carriage return, I can't
tell). The format that the CGI script needs is for a single line with
each of these values separated by a comma. I'm confident that a
javascript can do this fairly easily, but unfortunately, I am not very
well versed in javascript. I've found a few code snippets on the web
that I've mangled together, but since I don't really know what I'm
doing, it isn't working out so good. I've included what I have in the
form right now below (note that I've removed all of the other form data
but the select box code to save space). Code:
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
i am writing a script that will update a dropdown list based on the selection of a previous list. the script is run by a PHP script, so instead of posting the PHP, i will post an example client-side script. the hierachy is: category, sub category, brand (but sometimes there exists no sub category and the PHP script queries and adds brands instead) everything works correctly, except for one major issue: you can not change the selection of the third (brand) box this could be an easy fix for some coders, but i am not experienced in javascript and could really use some help. here is an example script, sorry it is so long
[Code]...
I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.This piece of code is working well . . . .
<?php
$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');[code]......
I have 3 ASP list boxes. I would like to populate the second list box based on the selection in the first list box and based on the selection in the second list box, populate the third. I would like to do this using AJAX. How can I do it? Can someone please give me the code snippet as I am a complete noob when it comes to AJAX and I kinda am running outta time to finish implementing it. Additionally, should I use ASP boxes or HTML <select> tag?
View 4 Replies View RelatedI am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code,
$(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='<div class="expanddown"></div>';
var hideText='<div class="expandup"></div>';
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');
// capture clicks on the toggle links
$('a.togglelink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? hideText : showText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.toggle').slideToggle('fast');
// return false so any link destination is not followed
return false;
});
});
HTML,
<a class="togglelink" href="#"></a>
<div class="toggle">
Content
</div>
I'm looking for a tutorial type of help on using JQuery to create/populate a selection list. I've looked at their site (and searched on their site/google) and although there is tons of stuff there, I can't find what I need.
View 5 Replies View RelatedI need to set Jquery Date picker with multiple selection, But condition is to select consecutive date only. How to achieve this?
View 2 Replies View RelatedI have a list of names with checkboxes in front of them. The list is generated from a database. So in a loop it would look something like this:
<input type=checkbox value='$userID' name='recipients[]'> $UserName
The name of the checkbox is a Array, because I want to pass the information on to another page, where the emails-addresses are used to send a mail.
the userID is also linked with the email-account of the user. What I want to do is to have a link, button or checkbox (which one is the easiest to implement) that checks all the checkboxes in the list at once. How do I go about this?
I have come up with the following, but this doesn't seem to work: PHP Code:
function CheckEm(cb_mail){
for (var i = 0; i < document.myForm[cb_mail].length; i++)
document.myForm[cb_mail][i].checked = true;
}
<input type=checkbox onClick="CheckEm('cb_mail')">
As stated in your documentation, it's possible to iniciate the selector with more than one filter of "^=" kind. But when I try to use that feature it doesn's seem to work. Should it work that way? May I actually use two or more filters of that kind (^=) in the same expression?[code]
View 3 Replies View RelatedI have a selection box that allows me to select muliple items. I'm trying to use the click event handler to send an array of multiple selections back to the server using the $.ajax function and I'm having some issues. Below is my html, javascript code, and PHP server-side code:
HTML CODE:
<label>Select a Color</label><br/>
<select name="ddl" id="multiple" size=9 multiple>
<option value='blue'>Blue</option>
<option value='green'>Green</option>
<option value='red'>Red</option>
<option value='yellow'>Yelllow</option>
<option value='white'>White</option>
<option value='brown'>Brown</option>
<option value='black'>Black</option>
<option value='orange'>Orange</option>
<option value='purple'>Purple</option>
</select>
<input name="btn" id="btn" type="button" value="Submit" /><br/><br/><br/>
<div></div>
JAVASCRIPT CODE:
$(document).ready (
function(){
$('#btn').click(
function(){
$.ajax ({
type: "POST",
url: "phpMultiple.php",
data: {data: $('#multiple :selected').serialize()},
success: callback
});
});
});
function callback(data, status) {
$("div").text(data);
}
PHP SERVER-SIDE CODE:
<?php
$data = ($_POST['data']);
?>
I've got a form which I want to validate using jQuery to ensure that the same value for a dropdown has not been entered more than once. The form consists of the following:
Code HTML4Strict:
<li class="clonedInput" id="input1">
Name:
<select id="player[1][userid]" name="player[1][userid]"></select>
<select class="hours" id="player[1][hours]" name="player[1][hours]"></select>
<select class="mins" id="player[1][mins]" name="player[1][mins]"></select>
[Code]...
I have the following javascript code:
Code JavaScript:
for (var i=0; i < myRadio.length; i++) {
if (myRadio[i].checked) {
myChecked = 1;
[Code]....
This works fine when I have more than 1 radio button. However for just a single radio button it does not work. I don't know how many radio buttons I will have since they are being created from a mysql query.
I'm very bad with javascript, so how should I amend the code so that it also works with only one radio button? I just need to check if they are trying to submit the form without selecting any radio buttons.
I have a table that has parts with multiple characteristics. Part Number, Height, Width, Capacity, Price, Etc. I would like to have a drop downs for all of these values, when a user selects one of these values it will filter the results into a list. Ex. user selects a part that has a Height of 6 and width of 10 it will only list those parts. As I said earlier, I have a script that will give me all the parts, however I am not able to make the onchange list parts with multiple values.
View 9 Replies View RelatedI have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
Here is what I'm trying to accomplish: I've got a dropdown list that is populated via a php script. Whenever the user selects a value from the list, they have to click on the 'submit' button in order to retrieve the values. I don't want this .... I don't want them to click on the button, rather, retrieve the values from the DB immediately upon selection of a list item. Its like ... I select a value from the dropdown list and it automatically uses its value to retrieve relevant details from the DB, no need to click on any button or anything. How do I do this with js ? Can I accomplish the same with php as well....
View 3 Replies View RelatedI have a list of products where they have minimum quantities in a hidden input. Some products have multiple colours, though the same minimum quantity and I'm trying to implement a jQuery check that entries made are at least equal to the minimum.
Blank or '0' entries are fine but if it's below the minimum quantity it should set to the minimum.
HTML:
Is there something obviously wrong with this? It isn't performing the minimum check and I'm really not sure why.
When I input my email address on this website, it provides a drop down
box with two of my email addresses. The right bottom corner has a few
45 degree lines to indicate the user can change its size. Do you know
how to create it? I could not find the code in the source.
My goal is to get the value in the array from selection drop down list.Basically, I create an Array in Javascript and a selection drop down list in the body.
Code:
<script type="text/javascript">
var even = new Array(2, 4, 6);
[code]....
This is part of a demo I'm doing in class of forms and using Javascript to validate. What's supposed to happen is this: when the user selects a choice, it's displayed in the field. If the user selects the right choice (Optimus Prime in this case) then a pop-up says "You win." The code works in Firefox but not in IE.
Form:
Code:
<form name="form3" onChange="javascript:checkChoice();">
Who is the coolest Transformer?
<select name="tf" size="1">
<option selected>Choose
<option value="Optimus Prime">Optimus Prime
<option value="Megatron">Megatron
<option value="Bumblebee">Bumblebee
<option value="Starscream">Starscream
</select>
<br><br>You chose
<input type="text" name="output3" value="" size=20 readonly>
</form>
checkChoice() function:
Code:
function checkChoice() {
var choice = document.form3.tf.selectedIndex;
document.form3.output3.value = document.form3.tf.options[choice].value;
checkData3();
}
checkData3() function:
Code:
function checkData3() {
if(document.form3.tf.selectedIndex==1) {
alert("You win");
document.form3.submit();
return true;
} else {
return false;
}}
I am creating a dropdown menu for my site because I have run out of space for a nav bar, what I would love to do is create a dropdown list that when an option is selected will jump to a specific URL.
View 2 Replies View RelatedHow can I open a selection from this drop down list in a new window?
<html>
<!-- Stop Underline script available from http://www.themssforum.com/FontpageProgramming/Hyperlink-underline/ -->
[code]....
I have created this form. I would like to use javascript to mail the form to the selected email from the selection list when the submit button is pressed.
<form name="Contact Us" id="contact" action="mailto:" method="post">
<fieldset id="selection">
Who would you like to email:
<select>
<option value="email1" >email1</option>
<option value="email2" >email2</option>
<option value="email3">email3</option>
</select>
<fieldset id="Name" >
Name
<input type="text" id="firstname" name="firstname">
E-mail
<input type="text" id="email" name="email">
</fieldset>
<fieldset id="question">
Comments and Questions
<input type="text" id="comment" name="comment" style="width: 500; height: 300">
</fieldset>
</form>
Here is my dropdown menu:
<select name="peeps">
<option value="Frank Tompson">Frank Tompson</option>
<option value="Henry Wilson">Henry Wilson</option>
<option value="Bill Kent">Bill Kent</option>
<option value="Jessi McDonald"> Jessi McDonald</option>
<option value="John Hays">John Hays</option>
How can I make it so if I click on John Hays a JavaScript pop up will say Hello John Hays, and if I click on Bill Kent a popup will say hello Bill Kent and if I click on any other name nothing happens?