• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Geteiltes Select Feld

A

Artecnet

Neues Mitglied
Hallo,
ich hab auf meiner Seite ein Formular mit einem Select Feld das so ausssieht

Code: 
<select name="pstKunde">
<option value="1">Kunde Maier <===> Dortmund</option>
<option value="2">Kunde Maier <===> Bremen</option>
<option value="3">Kunde Meier-Vorfelder <===> Wiesbaden</option>
</select>
Kann man für Name und Ort Zwei Spalten machen oder das Irgendwie anders formatieren?

Ich hätte gerne was in der Form

Code: 
Kunde Maier           | Dortmund
Kunde Schulze         | Bremen
Kunde Meier-Vorfelder | Wiesbaden

Es muss auch nicht in HTML sein.

Gruß Artecnet
 
Jain, weder mit HTML noch mit CSS lässt sich das wirklich so realisieren. Mit CSS könnte man zwar die Einträge stylen, jedoch wird das nicht von jedem Browser unterstützt (insbesondere die IE's in jeder bisherigen Version stellen sich da quer).

Brauchst Du denn zwingend eine select-Box für diese Darstellung? Z.B. für ein Formular?
 
Mit optiongroup bekomme ich da ja auch nicht hin damit kann ich ja nur die einzlnen einträge gruppieren.

Ich muss nicht zwingend eine Select-Box haben aber mir würde keine andere Möglichkeit einfallen um das anzuzeigen.
Ich habe in Spalte a die Kundennamen die aus einer Datenbank kommen und wovon einer Ausgewählt werden muss. Die zweite Spalte kommt auch aus einer Datenbank dient aber nur der Information. Da es Kunden gibt mit mehr als einem Standort. Übergeben werden muss aber nur der wert aus Spalte A. Und es soll so einfach wie möglich beim ausfüllen des Formulars sein. Ich hatte die Datenbank früher in Access da sah das auch noch so aus nur in HTML find ich nichts vergleichbares. Ich hab schon nach Alternatieven in Java gesucht aber da hab ich auch noch nichts gefunden.

Gruß Artecnet
 
Code: 
<li>
 <p class="links">linker Inhalt</p><p class="rechts">rechter Inhalt</p>
</li>

Und die Absätze per CSS so stylen, dass sie nebeneinander stehen und eine feste Breite haben. Anklickbar ginge dann auch noch wenn Du Links einfügst.
 
Mit JavaScript würde das schon gehen, musst halt ein wenig rumexperimentieren

Hier der Code:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kunde Maier Kunde Maier Kunde Ma</title>
<style type="text/css">
#name {
    float: left;
    height: 16px;
    overflow: hidden;
}

#select {
    float: left;
}

</style>
<script language="javascript" type="text/javascript">
function FeldNameGroesser()
{
    document.getElementById("name").style.height = "100px";
}

function kleinerWerden()
{
    document.getElementById("name").style.height = "16px";
}
</script>
</head>
<body>

<form>
<div id="name">Kunde Maier<br />Kunde Maier<br />Kunde Maier<br />Kunde Maier-Verfolder</div>
<select id="select" name="select" onclick="javascript:FeldNameGroesser()" onblur="kleinerWerden()">
<option value="1">Dortmund</option>
<option value="2">Bremen</option>
<option value="3">Wiesbaden</option>
</select>



</form>

</body>

</html>
 
@threadi ich hab s jetzt mit deiner Idee gemacht und klappt auch soweit ganz gut.
Ich hab im Internet irgendwo gelesen das man mit Javascript aus einer <li> Liste eine Dropdown Box machen kann ähnlich der <select> Box. Ich find nur die Seite nicht wieder. Weß einer von euch wie das geht? Ich brauche ein Auswahlfeld was immer nur ein Feld anzeigt und was man bei Bedarf erweitern kann.
 
Ich hab beim suchen noch eine Alternative gefunden die relativ einfach das mach was ich brauche.

Mein Code sieht jetzt so aus:
Code: 
echo "<tr><td>Kunde:</td><td><select name='pstKunde' class='Auswahl'>";
echo "<option selected name='top5'>Kunde wählen</option>";
while($row = mysql_fetch_array($result_Kunden))
echo "<option class='Auswahl' value='".$row['ID']."'>" . str_pad($row['Kunden'], 25 ,'&nbsp;', STR_PAD_RIGHT) ." | " . $row['Ort'] ."</option>";
echo "</select>";
Nur wie kann ich jetzt den Platzhalter im Moment '-' durch Leerzeichen ersetzen? Wenn ich '-' durch '&nbsp;' ersetze klappt das nur bedingt denn je nach länge des ursprünglichen Strings zeigt er Leerzeichen und sowas

Code: 
wert   &nb | Ort
werte   &n | Ort
 
Hab es geschafft wenn ich es so schreibe geht es.

Code: 
echo "<option class='Auswahl' value='".$row['ID']."'>" . str_pad($row['Kunden'], 25 ,[COLOR=red][B]chr(160)[/B][/COLOR], STR_PAD_RIGHT) ." | " . $row['Ort'] ."</option>";

Wo ist denn der Unterschied zwischen chr(32) und chr(160)?

Gruß Artecnet
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben