JQuery :: Multi Select Used To Toggle Other Elements?
May 22, 2009
I have a multi select in a form and underneath this corresponding check boxes which are initally hidden.
What I wish to do is when the user selects or deselects an item in the multi select the corresponding check box is toggled to either show or hide.
I was imagining it would be something like this, I'm not sure what to put in place of the question marks. I've already tried click and select
$(document).ready(function() {
//Hide the checkboxes
$('#checkBox1').hide();
//When the user selects an option toggle the visibility of the checkbox
[Code].....
View 2 Replies
ADVERTISEMENT
Jun 3, 2010
I have a search form that uses AJAX to fetch data and populate a table. Several of the search fields are multiple selects. Problem is, only the first option is getting passed thru to the PHP file called by the AJAX function.
var fs_users = $("#users"), fs_status("#status"), fs_roles("#roles"), ...;
var fs_allFields = $([]).add(fs_users).add(fs_status).add(fs_roles)...;
$("#fsSearch").click(function() {
//alert(fs_roles.val());
[Code]....
For debugging purposes, the target PHP file ("fetch_data.php") dumps the $_POST and $_GET variables to a file. As mentioned, only the first option from the multi-selects is getting passed thru in the $_POST variable ($_GET is empty as expected). The alert (line 4) will correctly display a comma-delimited list of all the selected values (also verified via Firebug while stepping thru the code). Someone in another thread suggested using serialize() (e.g. line 9 becomes "fs_allFields.serialize()", but that caused NOTHING to get passed thru.
Maybe I've been staring at it too long and there's a simple fix is right in front of me, but I just can't see it.
P.S. I'm using the latest versions of jQuery and jQuery-UI.
View 1 Replies
View Related
Dec 18, 2011
Multi values in select options. I have a simple select drop down menu here with values for each option that I can capture with Jquery.[URL]...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
[Code]...
View 1 Replies
View Related
Jun 22, 2011
Im using jquery.validate.js. I need to compare 2 multiple select fields using jquery validation. If both the selected fields are same it should through an error message.[code]
View 2 Replies
View Related
Sep 10, 2009
Im using a plugin called select chain and modified it a bit. Right now im trying to pass only selected values of a multi select list through ajax. The following function does a bit more but im concerned with the part that says cust_val: customer.val().join(",") This should return only selected values. This is what happens if i put it in an alert(). however when i check firebug to see what was posted it shows the entire list. I've tried alternatives like option:selected.... they all work for aler() .. the info passed through ajax shows the entire list.
customer.selectChain({
target: market,
url: callback_url,
type: "POST",
data: { ajax: true, multsel: market_selects, cust_val:
customer.val().join(",") }
}).trigger('change');
View 6 Replies
View Related
Dec 8, 2009
Do you know why js does not reset this multi select box?
<select name="LOB" multiple="multiple" size="5" style="background:#fff3b3;width:150px" >
<option value="DP"
>DP</option>
<option value="DTV"
>DTV</option>
<option value="HSD"
>HSD</option>
<option value="PPV"
>PPV</option>
<option value="RF"
>RF</option>
<option value="VOD"
>VOD</option>
</select>
Code:
function clearForm(oForm) {
var elements = oForm.elements;
oForm.reset();
for(i=0; i<elements.length; i++) {
field_type = elements[i].type.toLowerCase();
switch(field_type) {
case "text":
case "password":
case "textarea":
case "hidden":
elements[i].value = "";
break;
case "radio":
case "checkbox":
if (elements[i].checked) {
elements[i].checked = false;
}
break;
case "select-one":
case "select-multi":
//alert(elements[i].value);
elements[i].selectedIndex = -1;
break;
default:
break;
}}}
View 4 Replies
View Related
Feb 11, 2009
I am attempting to create a form similar to one found in Access where the select box's drop-down list displays multiple columns while the selection only displays the first column. For example, in my app, I have a drop-down for "A", "M", and "D", but when the list drops, it should say:A | AddM | ModifyD | DeleteI don't care about the spacing of the pipe characters, but I simply want the selected item to only show the first column (in this case, the single letter) so I don't have a long select box.
View 1 Replies
View Related
Jan 31, 2011
page = $("<div id="content"><p>aaa</p><p>bbb</p><p>ccc</p></div>").find('p').eq(0);This can echo `<p>aaa</p>` but How to select multi `eq()` in jqeury? if I need `<p>aaa</p><p>bbb</p>`
View 1 Replies
View Related
Sep 20, 2011
I have a tight space requirement here the explaination then code sample. I have a row of inputs and a link with a select set in the between in a div. I need to allow multi selection on the select which is the problem. The select must be within the div and when in non-select state set to 1 when the user is to make a selection I expand the select to 10. This causes the div to expand and any thing under to move in kind. I need a way to allow the select to expnad with out moving expanding the parent div.
<script >
function expand(){
mySelect.size=5;
[code]....
View 5 Replies
View Related
Mar 25, 2011
I have a single page which uses tabs to segment the content. Alongside the tabs themselves is a button for 'Help'. I'd like this button to open a different DIV depending upon the tab that is currently being used.For example, if I am on a tab for 'Ben', if I click the 'Help' button I want the 'helpBen' DIV to slideToggle.If I am on a tab for 'Paul', when I click the 'Help' button I want it to open the 'helpPaul' div.
Some extra needs:
1. switching to a different tab should close the currently open help div (e.g. helpBen or helpPaul)
2. There should only be one help div (e.g. helpBen or helpPaul) open at any one time.
I partly solved this with the following code but with erratic results and I'd like to know what I'm dong so wrong!Here is the HTML for the help button:
<a class="helpTrigger" href="#">Help</a>
The help DIV's are like this:
<div class="helpBen">help relevant to Ben section</div>
<div class="helpPaul">help relevant to Paul section</div>
The CSS for .help is display: none; by default so none are shown from the outset.
And here is the jQuery
$(".helpTrigger").click(function(){
if (location.hash == '#Ben') {[code].....
In the words of Dr Evil, "throw me a frikkin' bone here..."
View 6 Replies
View Related
Apr 28, 2009
[URL]
Click on any of them, and they open up just fine, however, after this point they dont close, and you also can't open any other one, it just... stays stuck there.
I had this working just fine, and in the process of working with wordpress and templating, obviously I changed something to mess it up.
View 5 Replies
View Related
Dec 18, 2011
Multi values in select options. I have a simple select drop down menu here with values for each option that I can capture with Jquery.
[Code]...
View 2 Replies
View Related
Feb 8, 2010
I currently am trying to make a long list of checkboxes function like a multi-select box would. I would like to be able to shift-select two checkboxes and have for example, the X number of boxes in between all be selected.
View 1 Replies
View Related
Feb 22, 2007
I have a multiselet box in which i identify the selected items. Once the user has finished selecting the items it causes the form to be submitted. For this example it just shows the selected indexes. To see the problem. Copy paste the code and save as html file. Then click on an item in the select box.
I am having problem with indentifying the selected items. When only one element is selected, the selected option index does not come up fine. I have no clue as to why this is the case. Code:
View 2 Replies
View Related
Jul 19, 2011
I need to make a multi select listbox for countries.from the countries listbox, my cities listbox will retrieve the cities of the countries selected.both of these listbox allows multiple select.
View 1 Replies
View Related
Sep 29, 2011
I'm trying to toggle checkboxes on my form with a jQuery function I found. It works, except for the fact the checkbox which I use to select all the other checkboxes does not get checked itself. Any idea why that might be?[code]...
View 1 Replies
View Related
May 14, 2009
I am working on a project that shows archived data as well as current data on the same page. When the page builds, current data is shown, archived data is hidden (by using a div with id="archive"). I found comments here that getElementsByName was not a good cross browser way to handle this (and I'm not sure how to use that anyway). Can someone suggest the correct way to handle this?
There should be a link that, when clicked, will grab each element on the page with id="archive" and toggle the display property (none or block).
Here is the current code:
function archives(toggle) {
if (typeof(toggle) != "undefined") {
if (document.getElementById(toggle).style.display == 'none') {
document.getElementById(toggle).style.display = 'block';
[Code].....
This works just fine, but only for the first element that it finds. I need many elements with the same name to be effected.
View 3 Replies
View Related
Feb 20, 2009
I am creating a form to enable advertisers to create listings on an accommodation directory site.One of the form fields is a drop down with the following optionshotelguestHouseselfCateringinnholidayParkcampingThe top part of my form is the same for all these accommodation types. However I need to include a section specific to the accommodation type. This section will include groups of radio buttons and checkboxes allowing the advertiser to choose which facilities/amenities are available.For exampleA hotel may have 24 room service campsite may have a shop on siteI was planning to have a separate div for each of the accommodation specific sections and toggling the display based on the choice of the accommodation type from a drop down list.I have just had a horrible thought that it may be possible if javascript was not enabled that either none of the sections would be displayed or even worse all of them at once.
View 5 Replies
View Related
Aug 24, 2009
I'm using jqtransform and here's the function for the checkboxes. What code would I use the select/deselect all?
$.fn.jqTransCheckBox = function(){
return this.each(function(){
if($(this).hasClass('jqTransformHidden')) {return;}
[Code]...
View 16 Replies
View Related
Apr 25, 2010
i have a select box, when user select value other than 'H' then the hidden <DIV> element will showed up, and when user select value 'H' the <DIV> element will hide again
the code is like this :
HTML Code:
<select name="show_status">
<option value="H">Is Hidden</option>
<option value="S">Show me the DIV</option>
[Code].....
View 1 Replies
View Related
Oct 2, 2011
I want to know how can I make it where if you right click on an element on a webpage it will select that elements id or whole html code?
View 1 Replies
View Related
Oct 25, 2009
I'm building a nested menu where I want to add background colors only to top menu items. I can't change the generated code, so I have to live with the id's and classes as is.Relatively new to jQuery so still not used to filtering my selections carefully—is seems to grab everything. Anyway, I have tried: .is, .content, .filter, and some parent, child stuff, but can't seem to only apply the effect to the "top" class—it just selects everything.
View 2 Replies
View Related
Feb 22, 2010
There is simple html like this:
<ul id="icons">
<li class="icon1 hoverNow"><img src="some/pic1.jpg"/></li>
<li class="icon2"><img src="some/pic2.jpg"/></li>
<li class="icon3"><img src="some/pic3.jpg"/></li>
<li class="icon4"><img src="some/pic4.jpg"/></li>
</ul>
where class 'hoverNow' means, that opacity of the image is 1.0, while others 0.5. This done with css.
i want to do, that when mouse hover the 'li' element, image, IF it's not in the li element, who's having class 'hoverNow', become with opacity 1.0, and on mouseover, again will have 0.5 opacity. For this, i write this simple code:
[Code]...
View 1 Replies
View Related
Oct 15, 2011
is there a way where I can have the mouse when it right clicks anything in a webpage that it would have a drop down menu appear or fade in the drop down menu. In the menu I want to have buttons that once clicked it will run a function but it will send some values to the function as an argument. Now one value it will send to the function will be either the name or id of the element selected for example lets say for example a user image 1 got selected and only has a name. How can I select the name? like if the person right clicked this element how can I select the elements name or id ? I know how to pass it to the function but don't know how I can select the element without doing this manually in the code.
View 3 Replies
View Related
Oct 30, 2011
I want to select all input hidden fileds but want to their names and then select those elements.
View 1 Replies
View Related
Aug 16, 2009
The "checkbox select select select" part is included so it is identical in the 2 places (ie it is not possible to have different id's).What I want is that checking the checkbox only the selects next to the checkbox get visible.The only difference between the 2 checkbox/selects combinations is that the first one is in form A and the 2nd one is in form B.Is it possible to select only the selects in the same td as the clicked checkbox to make them visible?I tried JQuery's parent and sibling selectors but I am not sure if they fit my need here.
View 2 Replies
View Related
