iam creating a multiselect menu in javascript the code for that is as follows:
"<select id="groups" name="groups[]" size="4" multiple>"
"<option value=x>xyz</option>"
..
..
..
..
"</select>"
iam doing this completely in javascript. Its a dynamic menu. So how can
retrieve the values in javascript itself .
We have a list of items that each has a different quantity available. So I am going to create a multiple select menu, where they can select several different items. So, how can I make it that when they leave the field it sends all the different ones to the ajax program to build all the appropriate quantity forms?
[Code]...
I'm using a bit of Javascript to display content based on the dropdown selection:http://jsfiddle.net/mcgarriers/wjLXk/However, I would like it when the user selects "show two" that it shows the 2 div elements rather than specifically div2.And for "show three" it would show all 3 divs.
View 2 Replies View RelatedI am trying to use the Jquery selecmenu to skin dropdowns.There are extra UL LI getting formed with data "undefined" so dropdown is showing undefined in end.
View 1 Replies View RelatedI've been stumped. I'm usually good at figuring this stuff out, but I'm completely confounded here.I have a form with tables in it to add items to a series. The rows are being added dynamically by Jquery on the click event.
$('#add_hybrid').click(function(){
$('#hybrid tr:last').after('<tr><td width="15%"><?=brands('hybrid');?><input name="clubtypes[]" value="6" type="hidden" /></td><td width="25%"><?
[code]....
I'm trying to search for the correct code to make my form work. I have 3 select boxes - one with 2 options, one with 8 options, and the last with 2 options... All of this adds up to 32 different url paths. Can anyone tell me how to get this done?This is what I have so far: (and yea, I know I suck... I honestly have absolutely NO clue)
<html>
<head>
<script>
[code]....
I'm having problems with a Javascript 'Lookup' function.
Basically, I have a select menu 'Customer' which triggers a 3 JS functions, to populate 2 extra select menus.
Using IE Developer Tools, during debugging, I get this error: Expected ';' Error
This relates to either: eval(ajax_CustContact[index].response); OR eval(ajax_CostCentreContact[index].response); (it's a bit random, as sometimes it works, sometimes it doesn't)
I have tried changing the 'custid' to 'custname' to check whether it was an integer causing the problem, but had the same problem.
is there a way to select all values of a multiple select list by default?
View 3 Replies View RelatedI have an array of codes returned from a script which relate to select box options. How can I select multiple select options so I can disable them?
So far this isn't working for me...
Code:
for ( var c in codes )
{
$('option[value="' + codes[c] + '"').attr('disabled', 'disabled');
}
<script language="JavaScript" type="text/javascript">
<!--
/*[code]....
// This script supports an unlimited number of linked combo boxed
// Their id must be "combo_0", "combo_1", "combo_2" etc.
// Here you have to put the data that will fill the combo boxes
// ie. data_2_1 will be the first option in the second combo box
// when the first combo box has the second option selected
// first combo box
data_1 = new Option("Business Cards", "$");
data_2 = new Option("Club Flyers", "$$");[code].....
I have this code, and I was wondering if it is possible to make the select boxes appear AFTER you select the field before.
I have found a problem with <select multiple="multiple"> and .change() under ie6. The problem is ie6 fires first change event right after any other event, like selecting again, clicking mouse, pressing a key etc. It is perfectly seen on [URL]... Just click any option in demo, nothing will happen.
If i put a handler using plain DOM, i.e. $("select").get(0).onchange = function() { ... } the problem dissapears. So, it's definitely a bug with jquery. JQuery version 1.4.2.
I would like to know how to set another select menu based on what was select by another one example if I select water in the first select box.i would like to be able to select a type of water from the next select box.i have items in the first select box like water , wastewater, petroleum.if i select water in the first one then the second select box should have a list like brackish water,brine,fire protection.
View 9 Replies View RelatedI have this select menu
<select name='config'>
<option value='cal' selected='selected'>Choose a server config</option>
<option value='cal'>Official CAL Match</option>
<option value='clanbase'>Clanbase time 20 (FF-ON)</option>
<option value='clanbasemr12'>Clanbase MR12 (FF-ON)</option>
<option value='ogl_Advanced_v2'>OGL CS Advanced Server Config V2.0</option>
<option value='ogl_ff_v2'>OGL CS FF Server Config V2.0</option>
<option value='ogl_v2'>OGL CS Server Config V2.0</option>
<option value='pg'>Official ProvingGrounds Server Config</option>
<option value='Public'>PUBLIC Settings</option>
</select>
and I want to make it so when they make a selection, it pops up a window to tell them a little about what settings that config has.
Is that possible to have a multiple line dock menu done in Javascript? This is a single line dock menu, [URL]. I a grid of multiple line thumbnails which i hope to make it into a multiple dock menu, [URL]. I didn't write that dock menu script - it is beyond my ability.
View 1 Replies View RelatedI need help with the script for multiple mouseOver Effects for my Menu Bar.However, that only does one mouseover effect. Can someone help me with this?
View 1 Replies View RelatedI want to return one of several values, based on the value of a variable.
Is there a compact way to write this? Something like:
var J=5;
var K= {"One","Two","Three","Four","Five","Six"} [J];
.... so K would hold "Five" in this case.
I have (as an example) an array of values as follows:
arrayvalues=new Array("0001","0003","0005") where each is the value
of an option in a select statement:
<select id="usertypes" multiple="multiple">
<option value="0033">data1</option>
<option value="0025">data2</option>
<option value="0001">data3</option>
<option value="0003">data4</option>
<option value="1234">data5</option>
<option value="0005">data6</option>
</select>
Based on my array values I would like to highlight each option whose
value cooresponds to an element of my array. I have the following
javascript code:
usertypes=document.getElementById("usertypes");
for(var j=0; j<arrayvalues.length; j++)
for(var i=0; i<usertypes.options.length; i++)
{
if(usertypes.options[i].value==arrayvalues[j])
usertypes.options[i].selected=true;
}
Problem: Script will not highlight all options associated with my
array values. However, if I add an alert statement before or after
the if statement, the script will highlight each entry as needed.
Does anyone have any ideas on why this is happening?
Here is my code:
<select name="sltprint" size="10" maxlength="10" multiple>
<option>Peter</option>
<option>Eric</option>
<option>Mary</option>
<option>Mice</option>
<option>Frank</option>
<option>Alex</option>
</select>
If I select a lot of fields, for example: Peter,Mary,Alex and Frank. How can I get the value?
If I use formA.sltprint.value, It will return Peter only. How can I get the other fields?
Tried searching for this, but can only find js events to remove an item completely from a drop down box once it's been selected. Example: On a page with many fields for entering different DNS server addresses, I have a drop down menu next to each field, and the values are "Main DNS", "Alternative DNS", "Third DNS", "Least Favorable". Since there can only be one main DNS server chosen, I'd like to know if it's possible for js to prevent that choice from being used more than once. Say there is a Main DNS selected, but the user changes his/her mind and wants a different one. When he selects a second "Main DNS", the first item will return to the drop-down default choice (most likely blank). As stated before, I'll gladly accept a link describing this (or even the proper term to use for a google search).
View 14 Replies View RelatedI'm about to use this script below for a project I have. It works great but unfortunately I can't get it to read select menu (selected option) values. It returns undefined. I've asked the author but had no response as yet, so I was wondering if anyone else could see why it wouldn't read the select menu value.
var functionname = function () {}
functionname.prototype = {
options : {},
generateShortCode : function() {
[code]....
This is handy when making dynamic forms. Will reproduce and return a duplicate of an existing select menu. Just pass the id of the select you wish to clone.
function cloneSelect(objid)
{
var sel=document.createElement('select');
obj=document.getElementById(objid);
var len=obj.childNodes.length;
for(var i=0;i<len;i++)
{
if(obj.childNodes.item(i).text)
{
var opt=document.createElement("option");
opt.value=obj.childNodes.item(i).value;
str=document.createTextNode(obj.childNodes.item(i).text);
opt.appendChild(str);
sel.appendChild(opt);
}
}
return sel;
}
I'm looking to create a multiple selection drop down menu that has radio buttons & text. For example
[MENU] <-click
[MENU] <-after click
--------------------
| (x) Selection one |
| (o) Selection two |
| (x) Selection three |
| (o) Selection four |
--------------------
so basically, like a <select> except it has radio selections and you can pick several choices. When you select one, that whole row is highlighted (background color of that row changes). Would I use javascript/dhtml for this? I'm guessing so.
The second menu is populating correctly from the first menu. The third menu doesn't work because it is not pulling the cat1 & cat2 values. I suspect it is the "checkNew" function, which I tried (with limited Javascript knowledge) to copy and alter from the "checkSelected" function.
[Code]....
I have a dropdown list:
<select name="select" class="mapMenu" onChange="JumpToIt(this)">
<option selected value="none">Select a Tool --</option>
<option value="javascript:onCreatePrintable()">Print Map</option>
<option value="javascript:onFindLatLong()">Find Lat/Long</option>
</select>
That calls a script:
<SCRIPT LANGUAGE="JavaScript">
<!--
function JumpToIt(list) {
var newPage = list.options[list.selectedIndex].value
if (newPage != "None") {
location.href=newPage
}
}
//-->
</SCRIPT>
Which in turn selects an option from the original dropdown.
Works fine except.....
The options in the select call scripts that open new browser windows,
and when this occurs popup blockers swing into action and block the new
window. When I originally had the javascript calls as plain links such
as [HREF="javascript:onCreatePrintable()"] the popup was not blocked
since it was obvious that user was clicking the link. Now that I'm
trying to save much needed space by putting these links into a
dropdown, the popup blockers are not recognizing the user selection....
I guess. I was thinking the javascript could somehow simulate an
onClick to alleviate the problem. Any suggestions?
I am still having trouble creating the Select Menu option. I got parts
of the correct syntax but it is still not creating the selected carrier
as an option in the parent page.
Help apprecitate,. I currently have it commented out just to show the
line to you better:
function onCarrierSelect() {
var frm = document.carrRequestForm.carrierList.selectedIndex ;
var selectCar =
document.carrRequestForm.carrierList.options[frm].text;
var varEl = "<%=varElementName%>";
if (window.opener && !window.opener.close)
var oOption = window.opener.document.createElement("OPTION");
//window.opener.form.[varEl].options.add(oOption);
oOption.innerText =selectCar;
oOption.value =selectCar;
window.close();
}
I have this tiny little javascript:
function buildselect() {
parent.center.dpreply.drop.options[0] = new Option('- - - Categories - - -', '');
parent.center.dpreply.drop.options[1] = new Option('asd', Ƈ');
parent.center.dpreply.drop.options[2] = new Option('testing 2', ƈ');
}
which is in one frame and I call it from another frame to fill a select menu using:
window.top.topbar2.buildselect();
In IE6 this works fine, in NS6 nothing is displayed. What am I doing wrong?