jQuery UI MultiSelect Widget @ tutorials.de: Tutorials, Forum & Hilfe

querytail · 11.07.10 19:06

Guten Tag,

ich möchte habe folgendes gefunden und möchte die Werte eines Multiselects

Code :

<select id="example" name="example" multiple="multiple">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>

über

Code :

$.ajax({
            url: 'myside.php',
            data: {'selectednumbers':JSON.stringify(selectednumbers)},
            type: 'POST',
            success: function(data) {
              alert('Success!');
            }
        });

verwerten. Wie macht man sowas?

Danke im Voraus

querytail (Michael Meyer)

**Quaese** · 11.07.10 20:23

Hi,

lies mit val die Werte des Select-Elements aus:

Code :

1	data: {'selectednumbers':JSON.stringify($('#example').val())}

Ciao
Quaese

querytail · 12.07.10 09:33

Hallo.

Das ist super. Danke.

Damit steuere ich nun ein Select an. Aber wie macht man das, wenn man mehrere MultiSelect-Felder hat?

Danke im Voraus

querytail (Michael Meyer)

**Quaese** · 12.07.10 17:01

Hi,

das ist sicherlich weniger trivial, da du auf der Serverseite sicherlich die unterschiedlichen Selectelelemente getrennt bearbeiten willst.

Mein Lösungsvorschlage geht folgendermassen vor:
- einer Funktion werden in einem Array die IDs der Selektgruppen übergeben
- in der Funktion werden die Arrays der ID als Eigenschaft einem Objekt zugewiesen
- das Objekt wird mit der Methode stringify in ein JSON-Objekt überführt

Beispiel:

Code :

<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="json2.js" type="text/javascript"></script>
<script type="text/javascript">
  <!--
function testIt(arrSel){
  var objAll = {};
  for(strKey in arrSel){
    $.extend(
      objAll, 
      (function(key, val){
        var obj = {};
        obj[key]=val;
        return obj;
      })(arrSel[strKey], $('#'+arrSel[strKey]).val())
    );
  }
 
  $.ajax({
    url: 'myside.php',
    data: {'selectednumbers':JSON.stringify(objAll)},
    type: 'POST',
    success: function(data) {
      alert(data);
    }
  });
}
 //-->
</script>
</head>
<body>
<button onclick="testIt(['example','example1']);">testIt</button>
<select id="example" name="example" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>
<select id="example1" name="example" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>
</body>
</html>

Ciao
Quaese

querytail · 12.07.10 21:47

Wow, das sieht gut aus, läuft bei mir allerdings "noch" nicht.

querytail · 13.07.10 17:58

Hallo.

Also ich habe das versucht einzubauen und es bewegt sich nichts (also keine Wirkung beim Klick auf den Button).

Jetzt habe ich den gesamten Quelltext in einem HTML-Dokument gespeichert (jquery und json2 habe ich runtergeladen) und wollte das local probieren. Da passiert auch nichts. Woran kann das denn liegen ?

Danke im Voraus

querytail (Michael Meyer)

**Quaese** · 13.07.10 18:46

Hi,

solange das auf einem Webserver läuft, sollte es funktionieren.

Hier eine lauffähige Version zum Testen.

Ciao
Quaese

querytail · 14.07.10 11:02

Hallo.

Wow, dankeschön. Jetzt funktioniert es sogar schon in meiner Seite. Hatte wohl die falsche jquery.

Nun mein letztes Problem: Gibt es eine Möglichkeit, Infos von anderen Feldern quasi "mitzunehmen" ?

Danke im Voraus

querytail (Michael Meyer)

**Quaese** · 14.07.10 18:27

Hi,

klar gibt es die Möglichkeit. Du musst nur das Array um die IDs der auszuwertenden Felder ergänzen - sollte eigentlich ausreichen.

Ciao
Quaese

querytail · 15.07.10 15:28

Dankeschön, das habe ich mittlerweiler hinbekommen...

Merci

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Jquery Multiselect

Multiselect

Multiselect

jQuery multiSelect begrenzen

Notlösung mit Multiselect bei Listbox?

E-Mail:

Abonnieren Abbestellen