<select id="myselect">
<option value="a">test</option>
<option value="b">test</option>
<option value="c">test</option>
</select>
i need to somehow get the index of the item with value "c" (so it will return 2). how to do so?
i have a dropdown. i want to check the value in 'i'th position. how can i find that? $("DropDownList1_ID").val() is not giving any value. its alerting [object object] .
[Code]...
I am urgently need a code in this manner
var chkIndex = $('#ddlLevel').get(0).selectedIndex - 1;
alert('chk: ' + chkIndex);
here i got previous index value using current index, now i want to retrieve item value and item name using that previous index value, my code is
[Code]...
I have an image gallery where every image has an index number ("data-index"). How do I access that index number when the image is "current" and then add +1 when it's "next" or subtract -1 when it's "previous"? Below is part of my code.
[Code]...
I am trying to find and get the current index in a group of elements like so:
var index = $(attribute).index(this);
However, this returns -1 for all selectors I pass to it in the variable. Why is this? Is there another way to find a div's position within its container easily?
I'm trying to find the currently clicked index of .accordion_trigger from within another element.
When inside the .accordion_trigger click event I can simply do the below to get the current clicked index:
Code:
$('.accordion_trigger').click(function(){
var index = $('.accordion_trigger').index(this);
}
return false;
});
Obviously this doesn't work when called from within another element. I understand that 'this' is part of the problem but can't seem to find a way to form the code in such a way for it to produce a valid result. Thus far I only get -1 or 0.
When .accordion_trigger is clicked it has an "$(this).toggleClass('active').next().slideDown();" applied so in theory I shold be able to search for which of the .accordion_trigger's are "active".
I've also tried doing this via the below method but to no avail:
Code:
var current = $('.accordion_trigger');
current.each(function() {
if ($(this).hasClass('active')) {
[Code]....
I have code for autosuggestion while typing in a text box written in Javascript and PHP. When I start typing a number I get a list of matching numbers and I'm able to select one of them with the mouse click. Now I have an other text box which should display a list of numbers based on the selection from the first textbox.
View 3 Replies View RelatedMy question is quite simple with an example:
[Code]...
<li><a class="selected" href="photo.jpg"><div class="details">blahblahblah</div></a></li>
I want to get the details div from the li that has an a tag with the class of selected. How do I write that correctly? I tried the following:
$("a.selected").parent().find(".details")
$("li["a[class=selected]"]").find(".details")
$("li[a[class=selected]]").find(".details")
$("li").filter("a.selected").find(".details")
I only want the results from the li that has an "a" tag with the class of "selected."
function test() {
jQuery('select#Sum option[text$="test"]').each(function (i) {
this.style.backgroundColor = "#FFCCCC";
[code]....
based on dropdown selection i need to fill two text box in sharepoint 2007 using jquery.
View 1 Replies View Relatedpopulate textbox based on dropdown selection index change. populate two text box on the dropdown box value selected index change dynamically.
View 2 Replies View RelatedHow I populate fields of a form with the data that relates to an item from a list box that user selects
Example:
List box contains item1, item2, item3
User selects item2 so want data connected to item2 displayed so it can be edited and updated.
This one should be easy. In fact, it was working for a long time as far as I know. Then I upgraded from jQuery 1.4.4 to 1.7.1 and a few things stopped working. (This is according to my client; it's possible it's been broken for a long time.)
So a customer logs in and sees his/her registration information. Name, address, phone number, etc... It gets this information from a MySQL database. For the customer's home address, there's a dropdown for the state (MA, NH, etc...) Rather than displaying the default specified in the HTML code, I have a bit of jQuery code that is supposed to change the dropdown selection to the user's home state as stored in the MySQL database.
Unfortunately, nothing happens. It rather than changing to the user's home state, it just displays the default state (AL, the first alphabetically).
[Code]..
I verified that $row['state'] contains valid data by outputting it as HTML on the page (my test data outputs "MA"). And I'm reasonably sure that this used to work in the past.
I tried to use it in my app and I only have the first letter of each item in the dropdown list. So it is very difficult to select the good option I have search any information in these forums about this trouble, but no success.
[Code]...
perhaps this code is wrong and json format not good ? so, the first item of dropdown list is fine in the input box, but all items with only one letter in dropdown list. I hope any body can spend a few time and help me a little to understand that is wrong, as I could terminate my app.
I have two text fields one is TECH field and another is JOB NUMBER... If I type a number in the tech field and If I select a number from the autopopulated/autosuggested list of tech number(which is queried from the database) it should display a dropdown list of JOBNUMBERS associated to that particular TECH number. The TECH is not a Primary key in database)
This is the code that I have to fetch the and the tech number will be the autosuggest field for which I have used JQUERY..
[Code]...
I have been working on a dropdown menu using Clarklab's Tutorial:The only problem is that this tutorial only shows how to create one dropdown instance.It's in use here:My issue is that when I click on one menu item, all the submenus open up. Is there a simple fix that I just haven't figured out yet?My instinct is to give each ul it's own id, but I'm not sure how to direct the jquery in the header to work with individual elements.
View 2 Replies View RelatedI have a page as below, I hope the form only show Select option when loading, then the input date fields will be displayed if select event category, where are the errors?
Code:
<script src="/misc/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$.viewInput = { '0' : $([]),
//THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
'1' : $('#1'),
};
$('#category_class').change(function() {
// HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED
$.each($.viewInput, function() { this.hide(); });
// SHOWS THE INPUT FIELD ITEM IF SELECTED
//$.viewInput[$(this).val()].show();
}); });
</script>
<table cellpadding=4 cellspacing=1 width="650" border=0 class='list'>
<tr> <td class='caption'>
<form action="save.asp" name="pvt_spec" method="post">
<table border=0 cellpadding=4 cellspacing=0>
<div id="1"> <tr>
<td nowrap><font size=2 color="#ff0000"></font>Start Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="s_dt" value="2000/01/01" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> <tr>
<td nowrap><font size=2 color="#ff0000"></font>End Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="f_dt" value="2078/12/31" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> </div> <tr> <td>category</td> <td class='data'>
<select name="category_class" id="category_class" tabindex=1><option value="1">Base category</option><option value="2">Parent Event Category</option><option value="3">Son Event Category</option></select>
</td> </tr> </td> </tr> </table>
refer to following link and you will see first item/option of the first dropdown is being displayed as selected value of other dropdowns. [URL]
View 1 Replies View RelatedI am working in ASP.NET 4.0 anduse IE8, Firefoxand Chrome for testing. Inside the web page I have a textbox and a drop down with 5 items. If the 4th item is chosen I want the textbox to become a datepicker.
Here is my best attempt thus far.
$(document).ready(
function () {
$(
"#txtSearch").focus(function () {
if ($("#ddlSearch").attr("selectedindex") == 4) {
$("#txtSearch").datepick("enable");
} else {
$("#txtSearch").datepick("disable") .....
I have a setup where when the user changes the item on the dropdown, the price is updated by ajax.I want the price to pulsate with jquery ui after the price is updated.How can I do this? Here's my javascript:
Code:
<script type="text/javascript">
function getxmlHttpObj()
{[code]....
Below is my script. This will let me click and drag an item on my site. I need the image to not only do this, but also snap to a specific location. There will be approx. 30 items that will be snapping to the same location.
<head><style type="text/css">
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style><script type="text/javascript"> .....
dragobject.initialize()
</script>
</head>
<body>
<img src="test.gif"><br>
<img src="test2.gif"><br>
<b>"Hi there</b>
</body>
I have have some values stored in javascript variables. I have a
<select> dropdown list whose options correspond to these values. I want
to be able to select an item on the dropdown list based on the value of
the javascript variable.
Let's say this is my list and my variable:
<select id='popup'>
<option value="default">--Please Choose a saying--</option>
<option value="hello">Hello</option>
<option value="goodbye">Goodbye</option>
</select>
var input = "hello";
Is there a way to select the 2nd option using using that variable
value? Something like:
var popup = document.getElementById("popup");
popup.selectedItem = input;
On this page (just a demo) I can’t get IE6 to auto-select the first item
in the dynamically-generated drop-down menus. Well, that isn’t entirely
true. Sometimes it works properly, but never on the first try. When it
fails, the error message it gives is:
"Cannot set the selected property. Unspecified error."
FF2, IE7, and OP9 all behave as expected. I have tried a variety of
workarounds to no avail. I don't have an exhaustive list of everything I
have tried, but it seems like I have tried a hundred ways of setting the
"selected" attribute.
The page uses jQuery 1.1.2. Currently the page is using...
$("#select-how option:first-child").attr("selected","selected");
....to auto-select the first item in the list.
Ok so let's say I have this dropdown with a list of these items:
PALCO
TRIBUNA
ORO
And in a button on the page I want to send it one of those names, let's say I send it ORO, and through Javascript select that in the dropdown list. How is this done? Do I have to iterate through everything, and how?
I am trying to create a specific menu using jQuery where i want to toggle a clicked menu item. I used toggleClass to accomplish this. All fine and well, but what i want is that once i click a menu item, the previously clicked item should have the active state/class toggled off.. The menu is variable. (I tried and tried and searched all over the internet, but i cannot find it... spent 5 hours trying to combine various selectors and if/else statements, but it did'nt work.)
View 1 Replies View Related