jQuery -> Waarde pakken van 3 verborgen inputs
Ik heb onderstaand mijn HTML. Als ik op EDIT klik, wil ik alle 3 de input veld waardes. Hoe moet ik dit doen?
Groeten Donny
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<ul id="ingredients-list">
<li>
<input type="text" name="ingredients[]" class="hide" value="Test item">
<input type="text" name="ingredientValue[]" class="hide" value="Test value">
<input type="text" name="ingredientAmount[]" class="hide" value="test amount">
<span class="spantext">Artikel</span>
<span class="ui-icon ui-icon-trash remove-item fright">Delete</span>
<span class="ui-icon ui-icon-carat-2-n-s fright">Replace</span>
<span class="ui-icon ui-icon-pencil edit-item fright">Edit</span>
</li>
</ul>
<li>
<input type="text" name="ingredients[]" class="hide" value="Test item">
<input type="text" name="ingredientValue[]" class="hide" value="Test value">
<input type="text" name="ingredientAmount[]" class="hide" value="test amount">
<span class="spantext">Artikel</span>
<span class="ui-icon ui-icon-trash remove-item fright">Delete</span>
<span class="ui-icon ui-icon-carat-2-n-s fright">Replace</span>
<span class="ui-icon ui-icon-pencil edit-item fright">Edit</span>
</li>
</ul>
http://stackoverflow.com/questions/3091374/get-value-from-hidden-field-jquery
En: staat het gegeven blok vaker op de pagina? Die [ ] suggereren dat
Code (php)
1
2
3
4
5
6
2
3
4
5
6
$( ':input' ).each(function(n,element){
if ( $( element ).hasClass( 'hide' )) {
//Nou zou je alle input elementen met class hide moeten hebben.
}
});
if ( $( element ).hasClass( 'hide' )) {
//Nou zou je alle input elementen met class hide moeten hebben.
}
});
Code (js)
1
2
3
2
3
$("#ingredients-list input.hide").each(function(i,e) {
document.write("Value " + i + ": " + e.value + "<br>");
});
document.write("Value " + i + ": " + e.value + "<br>");
});