Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Entwicklung
  4. Ändern eines Dropdown-Feldes

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.1k

Ändern eines Dropdown-Feldes

Geplant Angeheftet Gesperrt Verschoben Entwicklung
jquery
3 Beiträge 2 Kommentatoren 179 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L Offline
    L Offline
    lugge86
    schrieb am zuletzt editiert von lugge86
    #1

    Hallo,

    in meinem Adapter habe ich ein Dropdown-Feld:

                  <div class="input-field col s12">
                       <select class="value" id="selectfeld">
                           <option value="" disabled selected>Choose your option</option>
                           <option value="1">Option 1</option>
                           <option value="2">Option 2</option>
                           <option value="3">Option 3</option>
                       </select>
                       <label>Materialize Select</label>
                   </div>
    

    Ich will nun dynamisch per js Werte hinzufügen.
    Das hier funktioniert (in der load-Funktion):

    $('#selectfeld').append(' <option value="4">Option 4</option>');
    

    Ich will aber die hinzuzufügenden Werte per sendTo() von meiner main.js abholen.
    sendTo() hat bekanntlich einen callback, den möchte ich für das append der neuen Werte nutzen.
    Das hier klappt nicht:

    sendTo(dest, 'send', null, response => {
        $('#selectfeld').append(' <option value="4">Option 4</option>');            
        sendTo(dest, 'test', {par1: response}, null);
    }
    );
    

    Der body der callback-Funktion wird nicht ausgeführt, das zweite sendTo() kommt nicht an.
    Wenn ich die Zeile 2 auskommentiere kommt der 2. sendTo() an. Es scheint als würde die jQuery zu einer exception führen?
    Jemand ne Idee?

    Viele Grüße,
    lugge

    UncleSamU 1 Antwort Letzte Antwort
    0
    • L lugge86

      Hallo,

      in meinem Adapter habe ich ein Dropdown-Feld:

                    <div class="input-field col s12">
                         <select class="value" id="selectfeld">
                             <option value="" disabled selected>Choose your option</option>
                             <option value="1">Option 1</option>
                             <option value="2">Option 2</option>
                             <option value="3">Option 3</option>
                         </select>
                         <label>Materialize Select</label>
                     </div>
      

      Ich will nun dynamisch per js Werte hinzufügen.
      Das hier funktioniert (in der load-Funktion):

      $('#selectfeld').append(' <option value="4">Option 4</option>');
      

      Ich will aber die hinzuzufügenden Werte per sendTo() von meiner main.js abholen.
      sendTo() hat bekanntlich einen callback, den möchte ich für das append der neuen Werte nutzen.
      Das hier klappt nicht:

      sendTo(dest, 'send', null, response => {
          $('#selectfeld').append(' <option value="4">Option 4</option>');            
          sendTo(dest, 'test', {par1: response}, null);
      }
      );
      

      Der body der callback-Funktion wird nicht ausgeführt, das zweite sendTo() kommt nicht an.
      Wenn ich die Zeile 2 auskommentiere kommt der 2. sendTo() an. Es scheint als würde die jQuery zu einer exception führen?
      Jemand ne Idee?

      Viele Grüße,
      lugge

      UncleSamU Offline
      UncleSamU Offline
      UncleSam
      Developer
      schrieb am zuletzt editiert von
      #2

      @lugge86 Mal in die Browser Konsole (F12) geschaut?

      Bitte bei Problemen mit meinen Adaptern, Issue auf GitHub erfassen: Loxone | I2C | Luxtronik2
      ♡-lichen Dank an meine Sponsoren

      L 1 Antwort Letzte Antwort
      0
      • UncleSamU UncleSam

        @lugge86 Mal in die Browser Konsole (F12) geschaut?

        L Offline
        L Offline
        lugge86
        schrieb am zuletzt editiert von
        #3

        Habs mittlerweile gelöst.
        Weil ich das select-Element in einem callback verändere und der ja asynchron kommt (also, nachdem load() bereits returned hat) muss das widget neu initialisiert werden.

        Lösung:

        $('#selectfeld').select();
        

        Der Tipp mit der Konsole war trotzdem gut :-)

        1 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        787

        Online

        32.4k

        Benutzer

        81.5k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe