php - Send checkbox value til URL - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript ajax checkbox php

Bruger #14602 @ 15.08.12 10:42

Hej.

Jeg sidder fast med et problem - og har efterhånden søgt google tyndt uden at kunne finde en løsning.

Jeg er igang med at lave et lille blog-system, og vil her gerne have at brugeren skal kunne sortere i indlæg ved at vælge kategorier i form af en række checkboxes.

<input name="cat" type="checkbox" value="1"/>Kategori 1
<input name="cat" type="checkbox" value="2"/>Kategori 2
<input name="cat" type="checkbox" value="3"/>Kategori 3
<input name="cat" type="checkbox" value="4"/>Kategori 4

Jeg vil altså gerne have at når brugeren klikker på checkbox med kategori 1 - så opdaterer url'en således at den bliver www.blog.com/index.php?cat=1 - og hvis brugeren vælger flere felter så bliver +2+3 etc. tilføjet
(www.blog.com/index.php?cat=1+2+3) således at jeg kan hente dem ind med en $cat=GET_['cat'];

Jeg ved at jeg skal bruge en javascript funktion - og jeg har siddet og set lidt på det, men har ikke kunne stykke noget sammen der virker.

Er der nogle der kan give et hint, eller er der en bedre måde at lave et kategorisystem på?

Tak

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 15.08.12 12:14

1.223

første tanke
du vil gerne aflæse dit cat som array, så send det over som et array, problemet er selvføgelig at med get vil den skrive &cat[]= mellem hver værdi.
en løsning er at sende arrayet over som post, og lave en function der sender og manipulerer med din URL

test.php

PHP kode

 <?php
 print_r($_POST);
 //$cat=$_POST['cat'];
 //print_r($cat);
 ?>

index.html

HTML kode

 <!DOCTYPE html>
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <title></title>
     <style type="text/css">
     </style>
     <script type="text/javascript">
     function Serialize2String(frm, grp, seperator){
         seperator=(seperator==null)? "," : seperator;        
         var lng = document[frm][grp].length;             
         var vals="";
         for(var k=0; k<lng;k++){ 
             if (document[frm][grp][k].checked===true){
                 vals += document[frm][grp][k].value + seperator;
             }
         }
         vals=vals.slice(0, -1); // fjerner sidst karakter (seperator)){
         return vals;
     }    
     
     function sendform(){                
         vals = Serialize2String("testform", "cat[]", "+");    
         document.testform.action = (vals.length==0)? "test.php" : "test.php?cat="+vals;        
         document.testform.submit();        
     }    
     </script>
 </head>
 <body>
 <form  name="testform" action ="#" method="post">
 <input name="cat[]" type="checkbox" value="1"/>Kategori 1
 <input name="cat[]" type="checkbox" value="2"/>Kategori 2
 <input name="cat[]" type="checkbox" value="3"/>Kategori 3
 <input name="cat[]" type="checkbox" value="4"/>Kategori 4
 <input name="send" type="button" value="send" onclick="sendform()"/>
 </form>
 </body>
 </html>

demo http://test.olsensweb.dk/jacob/

Bruger #14602 @ 15.08.12 16:15

Mange tak for dit svar, som har hjulpet mig godt på vej!

Jeg vil gerne have at den ikke sender til et nyt vindue - men blot bliver i det nuværende.
Kan dette gøres ved at udskifte "test.php" med "document.location.href"?

Jeg vil yderligere gerne have det til at fungere således at der ikke er en submit knap, og at brugeren kan afkrydse checkfelter igen.

Men dette kan jeg vel gøre med onclick="Serialize2String(frm, grp, seperator)" eller hvordan?

Bruger #16075 @ 15.08.12 23:38

1.223

Serialize2String(frm, grp, seperator) har kun til opgave at tage de selected værdier fra checkboxene og retunerer dem som en string, med en seperator karakter i mellem
dette sendes over til serveren, og der kan du bruge det direkte eller explode på seperator karakteren
hvorfor vil du bruge + som seperator karakter ?, normal parameter adskillelse er &

kig på
http://test.olsensweb.dk/jacob/index.php click på vis kilde det er ren html/js
http://test.olsensweb.dk/jacob/request.php?source
checkbox.js indeholder bare Serialize2String() som du har set tidligere

Bruger #14602 @ 16.08.12 14:19

Jeg har fået løst det med ren php. Jeg skal ikke kunne sige om dette er den mest optimale løsning - men den virker.

Til interesserede:

PHP kode

 <?php
 function curPageURL() {
  $pageURL = 'http';
  if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
  $pageURL .= "://";
  if ($_SERVER["SERVER_PORT"] != "80") {
   $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
  } else {
   $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
  }
  return $pageURL;
 }
 if(!function_exists("add_var_to_url")){
     function add_var_to_url($variable_name,$variable_value,$url_string){
         if(strpos($url_string,"?")){
             $start_pos = strpos($url_string,"?");
             $url_vars_strings = substr($url_string,$start_pos+1);
             $names_and_values = explode("&",$url_vars_strings);
             $url_string = substr($url_string,0,$start_pos);
             foreach($names_and_values as $value){
                 list($var_name,$var_value)=explode("=",$value);
                 if($var_name != $variable_name){
                     if(strpos($url_string,"?")===false){
                         $url_string.= "?";
                     } else {
                         $url_string.= "&";
                     }
                     $url_string.= $var_name."=".$var_value;
                 }
             }
         } 
         if(strpos($url_string,"?")===false){
             $url_string .= "?".$variable_name."=".$variable_value;
         } else {
             $url_string .= "&".$variable_name."=".$variable_value;
         }
         return $url_string;
     }
 }
 
 $url = curPageURL();
 ?>

HTML kode

 <a href="<?php echo add_var_to_url("cat_id",1,$url); ?>">kategori 1</a>
 <a href="<?php echo add_var_to_url("cat_id",2,$url); ?>">kategori 2</a>
 <a href="<?php echo add_var_to_url("cat_id",3,$url); ?>">kategori 3</a>

Koden tilføjer f.eks. ?cat_id=2 til URL'en, og cat_id kan derved hentes gennem $_GET['cat_id'];

Såfremt at URL'en allerede indeholder ?cat_id=3, så vil den ved udførelse af funktionen ændre det til ?cat_id=2.

Send checkbox value til URL

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler