I try to make a dynamic form with inputs depended on selects fields. My method works in static form but I don't know how to use it in dynamic one.
JSON function ( to control correct input with select)
$(document).ready(function() {
$('select.sf').change(function() {
[code]....
I'm trying to determine a better method of finding the index value of a form element. I need to find it because the JavaScript validation class has a function for validating a single form element, but it requires that the index number of the element in the form be passed in.Currently I am accomplishing this by a function that I wrote which I call for each field I want to validate:
function getIndex(element)
{
for (var i=0; i<document.thisForm.elements.length; i++)
[code]....
I'm working on a script that will produce multiple dynamic forms based on the results of an ajax request. The ajax request does a db query that will return 0 to x number of rows. For each row, a new serialized form is created. Since the forms do not exist at page load, I'm having problems getting the value of the form elements so that I can run other functions on them (update inputs and selects). I've stripped down everything so that I can show a basic example. In the example, how would I get the value of "#orderID"? The body contains a div (previousList) that has a list of items that when clicked will trigger the ajax query. It also has a div (line details) that will hold all of the forms that are generated.
<div id="lineDetails">
check it out </div>
<div id="previousFrm" class="ui-widget-header ui-state-highlight ui-corner-all">
<h3>Previous Returns/Cancels</h3>
<div id="previousList">
<ul class="previous" id="returnList">
<li id="1000997" class="names">1000997: 101853</li>
<li id="1000995" class="names">1000995: 101853</li> .....
But callingconsole.log("order line value is " + $("#orderID").val());
results in 'undefined'.
I want to get index number of form element array. where I want to put name in the front of code input box. Can any body tell me that how is possible. code...
View 3 Replies View RelatedI want to get index number of form element array. where I want to put name in the front of code input box. Can any body tell me that how is possible.My code is as follow:
PHP Code:
<?php
echo "<form name="region">";
for ($i=1;$i<=5;$i++){
echo '<input type="text" name="code[]" onkeyDown="check(this)">
[code]....
I tried to use this code but it does not work
I have a form element that looks like this:
<input type="text" onchange=doSomething(this)>
and a function:
function doSomething(theField){
}
I know that within the function I can access properties of the field (e.g. theField.name and theField.value). But how do I access theField's index number in the form's elements[] array -- from the "this" reference that was passed to the function? I.E. if this field is elements[3], how can I get at that 3?
Im trying to make the VALUE element within a form dynamic using JQuery and was wondering if the following is possible and if not what is the way to achive this?
<select name="select1" id="select1" size="1">
<option value="item_1">Item 1</option>
<option value="item_2">Item 2</option>
</select>
[Code].....
Here's my situation:
I want to loop through a set (10) of similar named form elements to check if they are blank:
for (i = 1; i <= 10; i++)
{
if (document.form1.firstname??.value=="")
{
alert("A FIRST NAME is required to proceed");
document.form1.firstname??.focus();return false
}
}
My question is how do I refer to the loop variable "i" in location "??"
I want to build a dynamic list of items with jquery but am unsure how to add an index number to each of the items i create so that i can reference them to edit or delete them for example. So far, I have the following which just creates the items and appends or prepends them to the element depending on whether one item exists already. I just need a way of adding an attribute so I can then reference the current item when clicked and remove it. What would be the simplest method to use?
//create list items
if ($('.mylistitem').length) {
$('.myList-box').prepend('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>');
} else {
$('.myList-box').append('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]' + titleid + '"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>');
}
I'm trying to get the index of a div when its the same mark up for each set. I want to return index of '1' when a second "yo" is clicked in any "a" and '0' if the first "yo" is clicked in any "a". If i clicked the "yo" which has the color #330000, then i should get 1 not 5. This seems like a simple task but i cannot get it to work.
[Code]...
If I have a group of elements, <li>'s in a <ul> for example, is there a way I can know I clicked on n of them?
[Code]...
I have a calendar in which each day is a separate div, and all these are within a container div #cal. When a user mouses over one of the days, I want to figure out the index number of that day's div within #cal. Simplified example:
<div id="cal">
<div onmouseover="findIt()" id="nov1">1</div>
<div onmouseover="findIt()" id="nov2">2</div>
<div onmouseover="findIt()" id="nov3">3</div>
</div>
I can easily get the index of #nov2 from Firebug if I do this in the console:
$('#cal div').index($('#nov2')
But, I can't figure out how to write a function so that I don't need to assign an id to each day div. I'd like to be able to just take "this" from the moused-over div, and pass that to a function that can turn it into the needed index.
I have a bunch of elements with multiple classes like this:
<div class="foo bar">
<div class="foo bar snafu">
<div class="foo bar">
I can get all these elements in an array like this:
$ (".foo,.bar")
My question is - is there an elegant way of getting the index (in this array) of the element that has the "snafu" class? Or should I just iterate through the array until I find the wanted element and then remember its index?
I have many small divs which have a particular class. so based on this class only i am getting the click event on them. now what I want is to get the index of one single div one which we clicked.. I am not remembering how to do it..
View 9 Replies View RelatedMy question is quite simple with an example:
[Code]...
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]....
Trying to return the DOM 0 element index from within the html
Example: <input type="text" onfocus="alert(this.element)" />
I do not want to use IDs any way to do this?
i need to know weather or not there is a way to put the cursor below (z-index wise) a div element or make it so that you can click through the div element.
View 3 Replies View RelatedI'm using the jquery topZIndex plugin in my application. It's working great. Now I have a situation though, where I would like to return the element with the highest z-index on the page. The plugin has a function that will return the highest z-index, but it's a value, not an object.
View 2 Replies View RelatedI have an array "arr" that is an array of objects. Each object has the same 7 properties.I want to find the index of the object with a property that matches a certain value x in the array arr. The array has hash tables associated with it.
arr [ obj [ i ] . property1 + "_" + obj [ i ] . property2 ] = arr [ i ] ;
so whats the index of the object where .property1 = x ?
I am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() {
var active = $("#tertiarynavigation .bordered").get(0);
var num = $("#tertiarynavigation li").index(active);
alert("Index: " + num);
[Code]......
I am using spinbox plug-in. Its working well.
But it is not working in dynamic text boxes
[url]
This is all triggered from a, input :select. If a specific option is selected, generate a text field to enter a reason. the generated input carries an id: txComments_01/01 (this being the value pulled from the attribute "data-date".
The client only wants one per week, so if it exists already don't re-create it
I want to make a call to a dynamic element like so...
$("#"+item_b).remove(); But it doesn't work, I put the entire code below for reference.
Here is a snippet of the code:
var img = $('<img>').attr({
src: fileObj.filePath,
alt: fileObj.name
[code]....
I am having a problem with the last results. I can't seem to be able to
get the input2A and input3A to appear. I don't seem to have a problem
with the show and hide after a number is entered and submitted. If
anyone can answer my problem I will be greatly appreciated with a
prize. I actually have submitted it more than once and I haven't had
anyone been able to answer it yet. Code:
I want to get the index of a link when the user clicks on it.
Javascript code:
var myArray = ["a","b","c"];
$("#buttons a").click(function(){
var result = myArray[$(this).eq()]
[Code]....
The above code is a simple example of what I'm looking for, not the actual code I'm working on. I know the first <a> index is 0 ( $("#buttons a").eq(0) ) but I don't know how to get it when clicked.