I have the following html markup: <select id="isadmin" name="isadmin" class="shortField"><option>false</option><option>true</option></select> I tried to use jQuery to set the value like this: $('#isadmin').attr('value', data.isadmin); data is a json result by calling some service page. This works with FF, but not with IE9. How do I make it so both browsers will work?
View 3 RepliesI try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
After solving some backwards incompatible stuff, we upgraded to 1.5 today, but the following bit of code does not seem to be working on Chrome. It used to work using jQuery <1.5, but fails on 1.5+, and only in Chrome (works perfectly on FF still...
$('<option value="' + co[i].value + '" data-prepaid-total="' + co[i].prepaid_total + '" data-postpaid-total="' + co[i].postpaid_total + '">' + co[i].label + '</option>')
.data('prepaidPrice', co[i].prepaid_total)
.data('postpaidPrice', co[i].postpaid_total)
.appendTo($('#tbody-search-results tr[data-domain=' + sld + '_' + tld + '] td:nth-child(3) select'))
I am trying to add select items via jquery to a select control. The following code works perfectly in IE, Opera. Chrome and Safari, but for the life of me I cant get it working in firefox. I really don't think its a bug but I must be missing something obvious.
<html><head>
<script type="text/javascript" src="../lib/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery/js/jquery.selectboxes.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
PopulateSelect();
});
function PopulateSelect(){
$("#s1").removeOption(/./);
$("#s1").addOption("Value1", "Text1");
$("#s1").addOption("Value2", "Text2");
};
</script></head><body>
<select name="s1" id="s1" onchange=""> </select>
<input type="button" name="button" id="button" value="Button" onClick="javascript:PopulateSelect()">
</body></html>
I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event)in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox.
I tried it without the component and it looks like this:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
[Code]....
and again works only in Firefox, and not IE and Chrome. It works with onblur event, but the onselect is closer to what I need.
Is it not working because the html <select> tag doesn't have a select event but Firefox can do it for some reason?
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]....
Hey, I've been messing about with this Javascript select box validation and I can't get it to work.
At the moment all I want to do is alert the selectIndex value of the select box.
java script:
Form:
The option values and texts are filled out by a PHP script and I'm using a <span> to trigger the funtion.
I have a select field that does not work with IE. The contents of this.value is blank in IE and I can't find the error. In firefox and chrome the value of this.value is correct as I pass a letter to the function. The code follows: Quote: <td name="hoursa_997" id="cell_997" bgcolor="red"
[Code]...
I am trying to make one application. When we slect value from select box . It will show same type of row according to which value we select from select box.
Let me explain my problem: select box have value 0,1,2,3 . When we select 1 then it will show one row below the select box naming person1 name (input box for name of person1). if we will select value 2 from select box then it will show two row according to select value Like this
person1 Enter Name of person1
person2 Enter Name of person2
By default it have value 0 then it will not show any row below the select box.
i want to do this. But i do not know how i can do this . I think for this i have to onchange event in select box .But in correct way i do not know how it is possible.
I have created a control that mimics a tree view control (i.e. expandable and collapsable items). In order to facilitate this functionality I am using a select list and using selectList.Add to add child options to their parent when the parent is double clicked, which works fine, however in IE6 after doing that the focus of the the select list jumps to the first item in the control, even though the item that was double clicked is still highlighted when I scroll back down to it. The only way I can get this code to work is by adding an alert after I have added the new item to the list, which is not a workable solution. The code works fine in IE7 and later. Anybody know a work around? I have pasted some code that highlights the issue below, just scroll down the list a while and double click one of the lower options, focus will jump back up to the top of the list. code...
View 5 Replies View RelatedI have a php page with an html form in it that has a select drop-down box in it. When I try to validate the value, it works in Firefox but not IE7. I narrowed it down to an alert. This shows the correct selected value when I submit the form in Firefox, but is blank in IE7.
View 6 Replies View RelatedI have some script that when used in conjunction with a button highlights all the text between 2 tags to make it easier for copying, it works great in IE but doesn't work in firefox. Here's the script and the button is below.
<script type="text/javascript">
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
[Code]....
the remove(i) doesn't remove the option[i] but works unexpectedly and removes the first 4 options.how to delete the selected index only?
View 1 Replies View RelatedI want in the select option a standard word, for example: select name.But when I add a line of option just after the first select (bold text), that line takes the first record of the database, but it should be a blank line (nothing linked to it, just a reminder to select a name).This is the code I have now:
<script>
function setVal()
{
[code]....
the unobtrusive dynamic select boxes are working great.I just wonder if its possible make this script into 2 dynamic select boxes.Like make this script work with 2 dynamic selex boxed, I did try to enter a 3rd ID but dident get it to work.
PHP Code:
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Bobby van der Sluis | http://www.bobbyvandersluis.com/ */[coe].....
if its any other javascripts out thats allready made and can do it?Right now the 3rd select box works like it isent dynamic.
I have been trying to validate both the Radio button and the Select Option box, but it does not work. It didn't show error, only din't do the way I want.I like to validate like this:If a user check "Yes" on this Radio button, then the OPTION box is disabled and no need to validate. However,when I tried the JS code below, the pop up window kept asking for a user to enter the "Seller" name.I combined both together as:
Code:
if (document.frmSelect.sellers.disabled=false && document.frmSelect.sellers.selectedIndex==""
[code]....
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
I have a php function that list all of the countries from my database as a select option, then based on what the user selects for their country im using jquery to make an ajax call and get all of the states/regions for that country. This part works fine. I'm running into an issues, as when a user login's in to edit their profile, how would I make the select change based on what is in the databse.
[Code]....
I have a ColdFusion page with a select drop down list. On submit, I'm storing the value in a cfparam and trying to use jQuery to auto select that particular option. Currently I'm using :contains but this is unacceptable because it selects the last item that contains the cfparam.
$("option:contains('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
Is there something like this:
$("option").equals('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
[Code]....
I willconsider other alternatives to accomplishing my objective.
What I try to do is the following..let's say I have this form:
<select name="sSelectMe" class="someclass">
<option value="">select an option</option>
<option value="1">option 1</option>
[code]....
According to [URL] intended way for jQuery to change dynamically the selected option of a dropdown select control isassigningthe desired text instead of the value. I found this way veryinconvenient (data structures usually deal with value codes, not value descriptions) and it seems to work only sometimes.
Trying different options I came out with this approach that seems to do the job so
far:
function setSelect(pID,pSelectedValue)
{
$('#'+pID + ' option:selected').removeAttr('selected');
[Code]....
is there a way to select all values of a multiple select list by default?
View 3 Replies View RelatedI have a problem, I don't know why this code doesn't work on IE ver 8 On Firefox, Chrome it is like I want, on IE - no reaction Is this some html/css problem or my fault on js? I'm sure about .js code is correct.. I think.. link html/css/js
View 6 Replies View RelatedI have 2 html-selects, one as source, the other as target. I want to copy the source-options to the target.
#sel_rel > source
#sel_new_after_rel > target
function openFormAddRel(){
generateFieldset("Release hinzufügen", "reg_edit", "form_add_rel");
[Code]....
While appending the option-elements to the targetselect the original option-elements disappear (exactly at step of line 13). This is unwanted behaviour.
This is what I'm trying to do:When a user selects a group in the first SELECT box, another SELECTbox should be loaded from an external PHP-file (using MySQL), based onthe group-id of the first SELECT box.I use this code:
$('#kiesgroep').change(function(){
$.post("<?php echo base_url();?>php/kies_speltak.php", {
groepid: $('#kiesgroep').val()
[code]....
I 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');
}