Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][PHP] wybór kategorii onclick do pola input
neurogen
post 25.06.2018, 11:52:51
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 25.03.2018

Ostrzeżenie: (0%)
-----


mam w formularzu pole input text, poniżej są kategorie do wyboru: dom, praca, zakupy. chciałbym aby po kliknięciu na daną kategorię, to słowo "wskoczyło" do pola input. gdzie tego poszukać? jak się coś takiego nazywa?
Go to the top of the page
+Quote Post
nospor
post 25.06.2018, 11:59:36
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




zdarzenia: onlick, onchange - w zaleznosci czego uzywasz do wyboru kategorii


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
viking
post 25.06.2018, 12:07:16
Post #3





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/Lg1th3pd/

Do poczytania dodatkowo https://prophp.pl/article/28/propagacja_i_d...en_w_javascript


--------------------
Go to the top of the page
+Quote Post
trueblue
post 25.06.2018, 13:14:28
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A czemu chcesz przepisywać wybraną wartość do pola tekstowego?
Nie możesz wybranej kategorii traktować właśnie jako tą wartość?


--------------------
Go to the top of the page
+Quote Post
neurogen
post 25.06.2018, 20:36:39
Post #5





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 25.03.2018

Ostrzeżenie: (0%)
-----


próbuję na podstawie tego jsfiddle zamienić input type radio na input type button ale nie śmiga. zamieniłem też event listener na click zamiast change.

php:
  1. <input type=text name=f1 id="t" />
  2.  
  3.  
  4. <fieldset>
  5. <input type="button" name="f2" value="a2" />
  6. <input type="button" name="f2" value="a4" />
  7. </fieldset>


java script:
  1. var f = document.querySelector('fieldset'),
  2. t = document.getElementById('t');
  3. f.addEventListener('click', function(e) {
  4. e.preventDefault();
  5. if (e.target.matches('input[type="button"]')) {
  6. t.value = e.target.value
  7. }
  8. })



https://jsfiddle.net/Lg1th3pd/7/

Ten post edytował neurogen 25.06.2018, 20:37:20
Go to the top of the page
+Quote Post
viking
post 26.06.2018, 07:07:21
Post #6





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Click działa chociaż buttony o tym samym name sensu nie mają.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.07.2025 - 20:54