[Erledigt] Auswahl in einen String geschreiben

daniel_1998 · 27.11.2011, 22:59

Hi,

ich bin neu hier um habe ein Problem.

Ich habe mir mehrere Radiobuttons gebaut und möchte die Auswahl dann an JS übergeben um diese später an eine URL anhängen zu können.
Aktuell erstmal nur die Radiobuttons... später dann noch ein input Feld.
Erhoffe dann aber, das dann ableiten zu können.

Soweit bin ich jetzt schon mal. Das alert Feld gilt jetzt nur Kontrolle bzw. zur Fehlersuche.

PHP-Code:

  <head>

    <script type="text/javascript">

        function radiobox_test() 

        {

                url = '',    

                

                input_obj = document.getElementsByTagName('input');

 
                    url = url + '&wert=' + input_obj.value;

                    alert(url);

        }     

    </script>

</head>

<body>

 
<table cellspacing="0" cellpadding="0" border="0" id="test">

<tbody><tr>

<td>Value</td>

<td>Radiobox</td>

</tr>

<tr>

<td>test_1</td>

<td>

<input name="test" type="radio" value="1"></td>

</tr>

<tr>

<td>test_2</td>

<td>

<input  name="test" type="radio"  value="2"></td>

</tr>

<tr>

<td>test_3</td>

<td>

<input  name="test" type="radio"  value="3"></td>

</tr>

<tr>

<td style="padding: 3px;" colspan="2">

<input type="button" onclick="javascript:radiobox_test()" value="Test"></td>

</tr>

</tbody></table>

Wähle ich nun ein Feld aus und sende es über den Button ab, kommt schon mal das alert Feld.

Leider nicht mit der Auswahl:

Code:

&wert=undefined

Verwende ich überhaupt den korrekten Befehl?
Wenn ich die Dokus richtig gelsen habe, kann ich das erwünscht aus document.getElementsByTagName holen und entsprechend weiter verarbeiten.

chorn · 27.11.2011, 23:07

getElementsByTagName gibt die alle Elemente zurück, also ein Array.

daniel_1998 · 27.11.2011, 23:39

ja.. ich habs jetzt auch anders aufgebaut. Das ganze in ein form gepackt und in JS dann durchlaufen lassen.

PHP-Code:

  <script type="text/javascript">

<!--

    function radiobox_test()

    {

        url = '';

        

        for (var i=0; i < document.form.test.length; i++)

           {

           if (document.form.test[i].checked)

              {

                  var rad_val = document.form.test[i].value;

                  url = url + '&wert=' + rad_val;

                  alert(url);

              }

           }

    }

//-->

</script>

Das alert-Feld gibt mir schon mal die korrekte Auswahl zurück.
Mal schaun, ob ich das jetzt noch mit ein Textfeld hinbekomme..

rudygotya · 28.11.2011, 06:41

Benutze encodeURIComponent
Zum Debuggen bietet sich console.log und Konsorten an.
Bei deinem for-loop wird bei jedem Durchgang document.form.test.length ausgewertet, cache den Wert in einer Variable:

PHP-Code:

  for (var i=0, l = document.form.test.length; i < l; i++)

Vorher am besten prüfen, ob document.form und document.form.test !== null ist.

Auch wenn du vielleicht grade noch am JS-Grundlagen lernen bist, schnapp dir am besten irgendeine DOM-Abstraktion wie dojo, jQuery oder mootools. Erleichtert dir vieles.

Wegen deines ursprünglichen Seitenaufbaus empfiehlt sich z.b. dieser Link zum Fortbilden:
http://designmodo.com/responsive-design-examples/ Tabellen eignen sich imho nicht für ein sauberes Seitenlayout.

P.S.: Herzlich willkommen

Grüße Basti

daniel_1998 · 28.11.2011, 22:32

Zitat:

Zitat von rudygotya

cache den Wert in einer Variable:

Danke Basti. Das ist eine gute Idee. Sollte ein bissel Last wegnehmen.

Ich hab nun auch das Input-Feld funktional bekommen.

Leider braucht das Script ein wenig.
Nachdem ich den submit-Button geklickt habe, braucht entweder der Server oder mein Rechner ca. 2 sek um die neue Seite aufzubauen. Derweile bleibt die alte Seite stehen.
Anfänglich hatte ich die vermutung, das der Code nicht klappt und hab schon genervter Weise mehrmals auf den Submit-Button geklickt.

Folgendes hatte ich mir gedacht.

<input type="submit" name="submit" value="Daten absenden" onClick="url(); this.disabled=true; this.value=Bitte warten;">

Submit und Disabled klappt schon mal super. Nur das Ändern des value will nicht so recht klappen. Wieso ?

Edit: Das will auch nicht so recht. (Das hier dann aber innerhalb vom JS Code)
document.Formular.elements["Daten absenden"].value="Formular gesendet";

daniel_1998 · 28.11.2011, 23:02

Habs.

onClick='url(); this.disabled=true; test.submit.value="Please Wait...";return true'>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
DI-Container	xm22	Software-Design	44	07.08.2011 18:03
Knoten im Kopf, aus mehrdim. Array INSERT .. VALUES (..), (..) machen	Chriz	PHP Einsteiger	11	21.01.2011 15:55
[Erledigt] String von Sonderzeichen und Zahlen befreien	pfump	PHP Tipps 2010	10	19.11.2010 16:08
Sphider Umlaute und MySQL Fehler	xnic	Datenbanken	2	03.08.2010 20:10
[Erledigt] Exchange 2007 KalenderItems	tarian	PHP-Fortgeschrittene	1	26.05.2010 10:23
Scriptangebot Codieren von Texten	Ryuuzaki93	Scriptbörse	9	08.02.2010 23:14
Records mit PHP ?	SimStar001	PHP Tipps 2009	11	08.04.2009 15:14
Persistence Framework	#Avedo	Software-Design	37	28.03.2009 17:32
string in string suchen,ersetzen,zusammenfügen und update machen	litterauspirna	PHP Tipps 2009	24	08.01.2009 13:38
[Erledigt] Textfeld mit Auswahl	Ramona86	JavaScript, Ajax und mehr	5	14.11.2008 11:15
PHP5 SOAP - Problem mit Arrays	Calexico	PHP-Fortgeschrittene	0	11.09.2008 12:06
Event abfangen	Ambience	JavaScript, Ajax und mehr	4	30.08.2007 14:36
where string von einer funktion zu anderen transportieren		PHP Tipps 2005	5	03.03.2005 16:29

27.11.2011, 22:59
daniel_1998 Benutzer Registriert seit: 27.11.2011 Beiträge: 64 PHP-Kenntnisse: Anfänger	[Erledigt] Auswahl in einen String geschreiben Hi, ich bin neu hier um habe ein Problem. Ich habe mir mehrere Radiobuttons gebaut und möchte die Auswahl dann an JS übergeben um diese später an eine URL anhängen zu können. Aktuell erstmal nur die Radiobuttons... später dann noch ein input Feld. Erhoffe dann aber, das dann ableiten zu können. Soweit bin ich jetzt schon mal. Das alert Feld gilt jetzt nur Kontrolle bzw. zur Fehlersuche. PHP-Code: <head> <script type="text/javascript"> function radiobox_test() { url = '', input_obj = document.getElementsByTagName('input'); url = url + '&wert=' + input_obj.value; alert(url); } </script> </head> <body> <table cellspacing="0" cellpadding="0" border="0" id="test"> <tbody><tr> <td>Value</td> <td>Radiobox</td> </tr> <tr> <td>test_1</td> <td> <input name="test" type="radio" value="1"></td> </tr> <tr> <td>test_2</td> <td> <input name="test" type="radio" value="2"></td> </tr> <tr> <td>test_3</td> <td> <input name="test" type="radio" value="3"></td> </tr> <tr> <td style="padding: 3px;" colspan="2"> <input type="button" onclick="javascript:radiobox_test()" value="Test"></td> </tr> </tbody></table> Wähle ich nun ein Feld aus und sende es über den Button ab, kommt schon mal das alert Feld. Leider nicht mit der Auswahl: Code: &wert=undefined Verwende ich überhaupt den korrekten Befehl? Wenn ich die Dokus richtig gelsen habe, kann ich das erwünscht aus document.getElementsByTagName holen und entsprechend weiter verarbeiten.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

27.11.2011, 23:07
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	getElementsByTagName gibt die alle Elemente zurück, also ein Array.

27.11.2011, 23:39
daniel_1998 Benutzer Registriert seit: 27.11.2011 Beiträge: 64 PHP-Kenntnisse: Anfänger	ja.. ich habs jetzt auch anders aufgebaut. Das ganze in ein form gepackt und in JS dann durchlaufen lassen. PHP-Code: <script type="text/javascript"> <!-- function radiobox_test() { url = ''; for (var i=0; i < document.form.test.length; i++) { if (document.form.test[i].checked) { var rad_val = document.form.test[i].value; url = url + '&wert=' + rad_val; alert(url); } } } //--> </script> Das alert-Feld gibt mir schon mal die korrekte Auswahl zurück. Mal schaun, ob ich das jetzt noch mit ein Textfeld hinbekomme..

28.11.2011, 06:41
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Benutze encodeURIComponent Zum Debuggen bietet sich console.log und Konsorten an. Bei deinem for-loop wird bei jedem Durchgang document.form.test.length ausgewertet, cache den Wert in einer Variable: PHP-Code: `for (var i=0, l = document.form.test.length; i < l; i++)` Vorher am besten prüfen, ob document.form und document.form.test !== null ist. Auch wenn du vielleicht grade noch am JS-Grundlagen lernen bist, schnapp dir am besten irgendeine DOM-Abstraktion wie dojo, jQuery oder mootools. Erleichtert dir vieles. Wegen deines ursprünglichen Seitenaufbaus empfiehlt sich z.b. dieser Link zum Fortbilden: http://designmodo.com/responsive-design-examples/ Tabellen eignen sich imho nicht für ein sauberes Seitenlayout. P.S.: Herzlich willkommen Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

28.11.2011, 23:02
daniel_1998 Benutzer Registriert seit: 27.11.2011 Beiträge: 64 PHP-Kenntnisse: Anfänger	Habs. onClick='url(); this.disabled=true; test.submit.value="Please Wait...";return true'>