Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: frage zu formular feldern (select) - js (?)

  1. #1
    BendOr
    Gast

    Standard frage zu formular feldern (select) - js (?)

    hi,
    ich möchte auf meiner seite news eintragen, und diese nesw haben eine kategorie und eine unterkategorie
    und wenn nun einer der autoren eine news eintragen will, soll er dann ja auch die möglichkeit haben, die kategorie und unterkategorie festzulegen!
    natürlich soll da dann kein quatsch stehen, also wenn er eine kategorie auswählt, sollen auch nur noch ide passenden unterkats da zur möglichkeit sein
    im mom habe ich das so gelöst, das man die kategorie/unterkat auf verschiedenen seite auswählt, was ich aber sehr unschön finde...

    ich denke mal, das kann man wohl mit einem javascript hinkriegen, dass dann in dem entsprechenden select-feld (son pop-down-ding) nur diese unterkats stehen.
    mal nen bsp:

    computer:
    • hardware

    • software

    • bla...


    sport:
    • fussball

    • handball usw.


    wäre nett, wenn mich einer mit quelltext (+ erklärung? ) oder nem link versehen könnte...
    auch ein name für mein problem/ meine frage wäre schon hilfreich, damit ich was hab um bei google zu suchen

    danke, BendOr
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    naja du machst einfach für alle unterkatrs die selebt fertig und dann einfach ein div mit style="display:none; position:absolute; " dann sind diese weg, dann nur noch dem div ein id tag geben und auf das hauptvca select dan ein ne js funktion die das ganze für das entsprechde untemrenü wider sichtbar nacht
    so in der art wie das hauptmeneu hier:
    http://www.grafik-designer.ch/

  3. #3
    König(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beiträge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Schau Dir mal die Suchfunktion hier an: http://www.webkatalog-fehmarn.de/index.php?site=suchen
    Teste dort mal die Auswahlmöglichkeiten der Select-Felder unter "Vorauswahl für die Suche treffen (Javascript)
    " . Meinst Du so etwas vielleicht?

  4. #4
    BendOr
    Gast

    Standard

    hmm ja danke, so in etwa meinte ich das
    könntest du mir das als code geben ? ich hab leider wenig ahnung von javascript.... -__-'

    danke

  5. #5
    König(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beiträge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hm, das müsstest Du dir aus dem Quelltext herausnehmen. Ist in Tabellen eingebaut und ziemlich speziell von mir auf diesen Zweck angepasst worden. Aber ich guck mal, ob ich das Originalscript noch hab, woraus ich mir das gebaut hab. Das ist übersichtlicher...

    Edit:
    Ich schreib Dir hier den betreffenden Bereich mal so komplett rein. Damit haste erstmal was.
    Code:
    <table align="center" width="98%" align="center" border="0" cellspacing="2" cellpadding="5" valign="top"><tr><td valign="top">
    <h3>.&#58; Eintr&auml;ge suchen</h3></td></tr></table>
    <script type="javascript/text" language="javascript">
    function update_auswahl&#40;&#41;
    &#123;
    var vorwahl = document.suchform.vorwahl;
    var unterkunft = document.suchform.unterkunft;
    var ort = document.suchform.ort;
    unterkunft.options.length = 0; // DropDown Menü entleeren
    ort.options.length = 0; // DropDown Menü entleeren
    
    if &#40;vorwahl.options&#91;vorwahl.selectedIndex&#93;.
    value == "Alles"&#41;
    &#123;
    unterkunft.options&#91;0&#93; = new Option&#40;""&#41;;
    ort.options&#91;0&#93; = new Option&#40;""&#41;;
    &#125;
    else if &#40;vorwahl.options&#91;vorwahl.selectedIndex&#93;.
    value == "Unterkunft"&#41;
    &#123;
    unterkunft.options&#91;0&#93; = new Option&#40;""&#41;;
    unterkunft.options&#91;1&#93; = new Option&#40;"Ferienwohnung"&#41;;
    unterkunft.options&#91;2&#93; = new Option&#40;"Ferienhaus"&#41;;
    unterkunft.options&#91;3&#93; = new Option&#40;"Appartement"&#41;;
    unterkunft.options&#91;4&#93; = new Option&#40;"Hotel"&#41;;
    unterkunft.options&#91;5&#93; = new Option&#40;"Pension"&#41;;
    unterkunft.options&#91;6&#93; = new Option&#40;"Zimmer"&#41;;
    unterkunft.options&#91;7&#93; = new Option&#40;"Bauernhof"&#41;;
    unterkunft.options&#91;8&#93; = new Option&#40;"Ferienhof"&#41;;
    unterkunft.options&#91;9&#93; = new Option&#40;"Ferienanlage"&#41;;
    unterkunft.options&#91;10&#93; = new Option&#40;"Campingplatz"&#41;;
    unterkunft.options&#91;11&#93; = new Option&#40;"Mietwohnwagen"&#41;;
    ort.options &#91;0&#93; = new Option&#40;"Fehmarn"&#41;;
    ort.options &#91;1&#93; = new Option&#40;"Albertsdorf"&#41;;
    ort.options &#91;2&#93; = new Option&#40;"Avendorf"&#41;;
    ort.options &#91;3&#93; = new Option&#40;"Albertsdorf"&#41;;
    ort.options &#91;4&#93; = new Option&#40;"Altenteil"&#41;;
    ort.options &#91;5&#93; = new Option&#40;"Avendorf"&#41;;
    ort.options &#91;6&#93; = new Option&#40;"Bannesdorf"&#41;;
    ort.options &#91;7&#93; = new Option&#40;"Bisdorf"&#41;;
    ort.options &#91;8&#93; = new Option&#40;"Blieschendorf"&#41;;
    ort.options &#91;9&#93; = new Option&#40;"Burg"&#41;;
    ort.options &#91;10&#93; = new Option&#40;"Burgstaaken"&#41;;
    ort.options &#91;11&#93; = new Option&#40;"Bojendorf"&#41;;
    ort.options &#91;12&#93; = new Option&#40;"Dänschendorf"&#41;;
    ort.options &#91;13&#93; = new Option&#40;"Fehmarnsund"&#41;;
    ort.options &#91;14&#93; = new Option&#40;"Flügge"&#41;;
    ort.options &#91;15&#93; = new Option&#40;"Gahlendorf"&#41;;
    ort.options &#91;16&#93; = new Option&#40;"Gammendorf"&#41;;
    ort.options &#91;17&#93; = new Option&#40;"Gollendorf"&#41;;
    ort.options &#91;18&#93; = new Option&#40;"Gold"&#41;;
    ort.options &#91;19&#93; = new Option&#40;"Großenbrode"&#41;;
    ort.options &#91;20&#93; = new Option&#40;"Heiligenhafen"&#41;;
    ort.options &#91;21&#93; = new Option&#40;"Hinrichsdorf"&#41;;
    ort.options &#91;22&#93; = new Option&#40;"Katharinenhof"&#41;;
    ort.options &#91;23&#93; = new Option&#40;"Klausdorf"&#41;;
    ort.options &#91;24&#93; = new Option&#40;"Kopendorf"&#41;;
    ort.options &#91;25&#93; = new Option&#40;"Landkirchen"&#41;;
    ort.options &#91;26&#93; = new Option&#40;"Lemkendorf"&#41;;
    ort.options &#91;27&#93; = new Option&#40;"Lemkenhafen"&#41;;
    ort.options &#91;28&#93; = new Option&#40;"Marienleuchte"&#41;;
    ort.options &#91;29&#93; = new Option&#40;"Meeschendorf"&#41;;
    ort.options &#91;30&#93; = new Option&#40;"Mummendorf"&#41;;
    ort.options &#91;31&#93; = new Option&#40;"Neue Tiefe"&#41;;
    ort.options &#91;32&#93; = new Option&#40;"Neujellingsdorf"&#41;;
    ort.options &#91;33&#93; = new Option&#40;"Niendorf"&#41;;
    ort.options &#91;34&#93; = new Option&#40;"Oldenburg"&#41;;
    ort.options &#91;35&#93; = new Option&#40;"Orth"&#41;;
    ort.options &#91;36&#93; = new Option&#40;"Ostermarkelsdorf"&#41;;
    ort.options &#91;37&#93; = new Option&#40;"Petersdorf"&#41;;
    ort.options &#91;38&#93; = new Option&#40;"Presen"&#41;;
    ort.options &#91;39&#93; = new Option&#40;"Puttgarden"&#41;;
    ort.options &#91;40&#93; = new Option&#40;"Püttsee"&#41;;
    ort.options &#91;41&#93; = new Option&#40;"Sartjendorf"&#41;;
    ort.options &#91;42&#93; = new Option&#40;"Sahrensdorf"&#41;;
    ort.options &#91;43&#93; = new Option&#40;"Schlagsdorf"&#41;;
    ort.options &#91;44&#93; = new Option&#40;"Staberdorf"&#41;;
    ort.options &#91;45&#93; = new Option&#40;"Strukkamp"&#41;;
    ort.options &#91;46&#93; = new Option&#40;"Sulsdorf"&#41;;
    ort.options &#91;47&#93; = new Option&#40;"Teschendorf"&#41;;
    ort.options &#91;48&#93; = new Option&#40;"Todendorf"&#41;;
    ort.options &#91;49&#93; = new Option&#40;"Vadersdorf"&#41;;
    ort.options &#91;50&#93; = new Option&#40;"Vitzdorf"&#41;;
    ort.options &#91;51&#93; = new Option&#40;"Wallnau"&#41;;
    ort.options &#91;52&#93; = new Option&#40;"Wenkendorf"&#41;;
    ort.options &#91;53&#93; = new Option&#40;"Westerbergen"&#41;;
    ort.options &#91;54&#93; = new Option&#40;"Westermarkelsdorf"&#41;;
    &#125;
    &#125;
    </script>
    
    <table align="center" border="0" cellspacing="0" cellpadding="2" width="100%" valign="top">
    	<tr>
    		<td class="kata" valign="top">
    		<table align="center" border="0" cellspacing="2" cellpadding="2" width="95%" valign="top">
    			<tr>
    				<td class="catlinu">&Uuml;bersicht &#187; Stichwort Suche</td>
    			</tr>
    		</table>
    
    
    
    
    		<form action="/index.php" method="get" name="suchform">
    		<input type="hidden" name="site" value="suchen">
    		<table align="center" border="0" cellspacing="2" cellpadding="2" width="95%">
    			<tr>
    				<th class="titel" align="left" colspan="3">.&#58; Erweiterte Suche<p class="klein">Vorauswahl für die Suche treffen &#40;Javascript&#41;</p>
    				
    
    
    				
    
    
    <select size="1" name="vorwahl" onchange="update_auswahl&#40;&#41;;">
    <option value="Alles" selected>Alle Einträge</option>
    <option value="Unterkunft">Unterkunftssuche</option></select>
    <select size="1" name="unterkunft" onChange="ortswahl&#40;&#41;;">
    <option selected></option></select>
    <select size="1" name="ort" onChange="ortswahl&#40;&#41;;">
    <option selected></option>
    </select></p>
    </th>
    			</tr><tr>
    				<td class="tdforl">Suchwort eingeben&#58;</td>
    				<td class="tdform"><input type="text" name="suchtext" value="" size="20">
    				</td>
    				<td class="tdforl" align="center"> Suche in&#58; <select name="nation" size="1">
    <option value="alle">Alle L&auml;nder</option>
    <option value="1">Aegypten</option>
    <option value="2">Anderes Land</option>
    <option value="3">Angola</option>
    <option value="4">Antigua</option>
    <option value="5">Argentinien</option>
    <option value="6">Armenien</option>
    <option value="7">Australien</option>
    <option value="8">Austria</option>
    <option value="9">Bahamas</option>
    <option value="10">Bahrain</option>
    <option value="11">Bangladesh</option>
    <option value="12">Barbados</option>
    <option value="13">Belgien</option>
    <option value="14">Bermuda</option>
    <option value="15">Bolivien</option>
    <option value="16">Brasilien</option>
    <option value="17">Brunei</option>
    <option value="18">Canada</option>
    <option value="19">Cayman Islands</option>
    <option value="20">Chile</option>
    <option value="21">China</option>
    <option value="22">Costa Rica</option>
    <option value="23">Daenemark</option>
    <option value="24">Deutschland</option>
    <option value="25">Dominikanische Republik</option>
    <option value="26">Ecuador</option>
    <option value="27">El Salvador</option>
    <option value="28">Estonia</option>
    <option value="109" selected>Fehmarn</option>
    <option value="29">Finland</option>
    <option value="30">Frankreich</option>
    <option value="31">Griechenland</option>
    <option value="32">Gross Brittanien</option>
    <option value="33">Guatemala</option>
    <option value="34">Honduras</option>
    <option value="35">Indien</option>
    <option value="36">Indonesien</option>
    <option value="37">Irak</option>
    <option value="38">Iran</option>
    <option value="39">Irland</option>
    <option value="40">Island</option>
    <option value="41">Israel</option>
    <option value="42">Italien</option>
    <option value="43">Jamaica</option>
    <option value="44">Japan</option>
    <option value="45">Jordanien</option>
    <option value="46">Kazachstan</option>
    <option value="47">Kenia</option>
    <option value="48">Kolumbien</option>
    <option value="49">Kroatien</option>
    <option value="50">Kuba</option>
    <option value="51">Kuwait</option>
    <option value="52">Latvia</option>
    <option value="53">Libanon</option>
    <option value="54">Lithuania</option>
    <option value="55">Malawi</option>
    <option value="56">Malaysia</option>
    <option value="57">Malta</option>
    <option value="58">Marocco</option>
    <option value="59">Mauritius</option>
    <option value="60">Mexico</option>
    <option value="61">Mozambique</option>
    <option value="62">Neu Seeland</option>
    <option value="63">Nicaragua</option>
    <option value="64">Niederlande</option>
    <option value="65">Nigeria</option>
    <option value="66">Norwegen</option>
    <option value="67">Pakistan</option>
    <option value="68">Panama</option>
    <option value="69">Paraguay</option>
    <option value="70">Peru</option>
    <option value="71">Phillippinen</option>
    <option value="72">Polen</option>
    <option value="73">Portugal</option>
    <option value="74">Puerto Rico</option>
    <option value="75">Quatar</option>
    <option value="76">Rumaenien</option>
    <option value="77">Russland</option>
    <option value="78">Saudi Arabien</option>
    <option value="79">Schweden</option>
    <option value="80">Schweiz</option>
    <option value="81">Singapur</option>
    <option value="82">Slovakia</option>
    <option value="83">Slovenien</option>
    <option value="84">Solomon Islands</option>
    <option value="85">Somalia</option>
    <option value="86">Spanien</option>
    <option value="87">Sri Lanka</option>
    <option value="88">St Vincent Grenadines</option>
    <option value="89">Sued Afrika</option>
    <option value="90">Sued Korea</option>
    <option value="91">Surinam</option>
    <option value="92">Taiwan</option>
    <option value="93">Thailand</option>
    <option value="94">Trinidad Tobago</option>
    <option value="95">Tschechische Republik</option>
    <option value="96">Tuerkei</option>
    <option value="97">Ukraine</option>
    <option value="98">Ungarn</option>
    <option value="99">Uruguay</option>
    <option value="100">Venezuela</option>
    <option value="101">Vereinigte Arabische Emirate</option>
    <option value="102">Vereinigte Staaten</option>
    <option value="103">Vereinigtes Koenigreich</option>
    <option value="104">Wales</option>
    <option value="105">Yugoslavien</option>
    <option value="106">Zambia</option>
    <option value="107">Zimbabwe</option>
    <option value="108">Zypern</option>
    </select>
    				</td>
    			</tr><tr>
    				<td class="tdforl">Suchlogik&#58;</td>
    				<td class="tdform"><select name="logic" size="1">
    				<option value="all">Exakter Ausdruck</option>
    				<option value="and" selected>Alle Begriffe &#40;UND&#41;</option>
    				<option value="or">Ein Begriff &#40;ODER&#41;</option></td>
    				<td class="tdform" align="center">Sortierung&#58; <select name="sortart">
    				<option value="ASC">a-z / A-Z</option>
    				<option value="DESC">z-a / Z-A</option>
    				</select></td>
    			</tr><tr>
    				<td class="tdforl">Anzeige sortieren nach&#58;</td>
    				<td class="tdform"><select name="sortnach">
    				<option value="Beschreibung">Beschreibung</option>
    				<option value="HitIn">Klicks rein</option>
    				<option value="HitOut">Klicks raus</option>
    				<option value="Titel" selected>Titel</option></select></td>
    				<td class="tdforl" align="center"><input type="submit" value="Suchwort finden"></th>
    			</tr>
    		</table>
    		</form>
    		</td>
    	</tr>
    </table>

  6. #6
    BendOr
    Gast

    Standard

    hi,
    ja danke, genau das hatte ich mir grade rausgepickt

    könntest du mir noch sagen, welche von den funktionen ich brauche ? vielen dank!
    ich hoffe mal, dann kann ich das selbst zusammenbasteln, wenn nicht, melde ich mich noch einmal hier

  7. #7
    BendOr
    Gast

    Standard

    oder brauch ich nur die eine, die da schon mit drin ist ?
    sry, aber edit geht als gast leider nit
    wenn ja dann vielen dank und ich glaub ich habs gecheckt

  8. #8
    König(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beiträge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Welche von den Funktionen? Naja, im Grunde die Auswahlmöglichkeit als solche und dann die Änderung des entsprechenden Selectfeldes je nach getroffener Auswahl. Hm, also ohne das Ding einmal komplett fertig zu schreien könnte ich es Dir nicht erklären. Aber ich will Dir ja nicht den Spaß am lernen nehmen...

    Das Kernstück ist das hier, damit wird die Vorwahl oder Vorauswahl festgelegt.

    Code:
    if &#40;vorwahl.options&#91;vorwahl.selectedIndex&#93;. 
    value == "Alles"&#41; 
    &#123; 
    unterkunft.options&#91;0&#93; = new Option&#40;""&#41;; 
    ort.options&#91;0&#93; = new Option&#40;""&#41;; 
    &#125; 
    else if &#40;vorwahl.options&#91;vorwahl.selectedIndex&#93;. 
    value == "Unterkunft"&#41;
    Tröste Dich, ich bin auch kein JS-Experte, weiß Gott nicht und ich habs ja auch zusammengebracht. Und hat gar nicht lange gedauert. Du schaffst das auch. Und wenn Du dann die geänderte Version hast, die zu Deiner Lösung gehört, dann kannste ja gern fragen, wenn etwas nicht so will, wie es soll.

  9. #9
    König(in)
    Registriert seit
    20.11.2004
    Ort
    Fehmarn / Ostsee
    Beiträge
    1.079
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von BendOr
    sry, aber edit geht als gast leider nit
    Ich hätte da ja glatt ne Idee, was du dagegen machen könntest...

  10. #10
    BendOr
    Gast

    Standard

    ja, ich auch, wenn ich morgen dann zeit hab melde ich mich an und bau das script ein

Ähnliche Themen

  1. Frage zu Select Liste
    Von Ivanman im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 19
    Letzter Beitrag: 09.03.2006, 09:13
  2. problem mit Pulldown-Menü (<select></select>)
    Von magicgerd im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 23.01.2006, 18:38
  3. Eine Frage zum SELECT FELD
    Von nicnac4 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 23.10.2005, 21:29
  4. Simples PHP-Formular mit den Feldern Name und Nachricht
    Von franzl im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 06.09.2005, 08:48
  5. PHP-Script für Formular mit Auswahllisten <select ...>
    Von HoriZZon im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 05.07.2005, 10:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •