jquery p tag id naar input

Door Bram op 16-06-2009 12:40

757 views

Hé allemaal ik heb een vraagje over jquery.

ik het volgende stukje code:


            <div class="DropdownKies">            
            <p id="p-drenthe">Provincie Drenthe</p>
            <p id="p-flevoland">Provincie Flevoland</p>
            <p id="p-friesland">Provincie Friesland</p>
            <p id="p-gelderland">Provincie Gelderland</p>
            <p id="p-groningen">Provincie Groningen</p>
            <p id="p-limburg">Provincie Limburg</p>
            <p id="p-n-brabant">Provincie Noord-Brabant</p>
            <p id="p-n-holland">Provincie Noord-Holland</p>
            <p id="p-overijssel">Provincie Overijssel</p>
            <p id="p-utrecht">Provincie Utrecht</p>
            <p id="p-zeeland">Provincie Zeeland</p>
            <p id="p-z-holland">Provincie Zuid-Holland</p>
            </div>

wat ik wil is dat als er op 1 van de p tags word geklikt dat dan het id van de p tag waar op geklikt werd naar een hidden input field word verzonden.

kan dit ? alvast bedankt gr. bram

Onbekende gebruiker

16-06-2009 13:15

jQuery is niet zo moeilijk.
Je zult de volgende dingen moeten gebruiken: each, click en attr.
Daarmee kan je de waarde ophalen. Om dan die hidden input te zetten kan je bijvoorbeeld gewoon attr gebruiken, of append of html.

Bram

16-06-2009 21:20

oke ik heb het nu voor elkaar om het id te krijgen uit een element en vervolgens naar een ander divje te schrijven.


      $(document).ready(function() {   
        var divID = $(".testtt").attr("id");   
        $('body').click(function() {
		   $("#testdiv").append(divID); 
        });  
      });

weet alleen niet zo goed hoe ik kan chekken of er p elementen bestaan in mijn div en vervolgens check op welke van de p elementen er is geklikt.

dit is wat ik heb geprobeerd, maar het werkt nog niet


      $(document).ready(function() {   
 		$(".DropdownKies").find("p").each(function() { 
     		var divID = $(this).attr('id');
        	$('body').click(function() {
		   		$("#testdiv").append(divID); 
       		});  
      	});

bedankt voor het helpen.

gr. bram

Mitchell

16-06-2009 22:58


$(".DropdownKies p").click(function() {
var divID = $(this).attr("id");
$("#testdiv").append(divID);
});

Zo werkt die code wel van je.

Onbekende gebruiker

16-06-2009 23:04

Je wilt die click ook niet op de body hebben, maar op de p's die child zijn van #DropdownKies, dus dan zou de selector zijn: #DropdownKies > p.

Mitchell

16-06-2009 23:06

Als je overigens in een input de tekst wilt aanspreken gebruik ".val()". Hiermee kan je de value aanpassen van het input element.

Reageren

Inloggen om te reageren