Javascript-Lösung für das verstecken der dropdown-Liste Optionen

Bearbeiten:
Vielen Dank an alle, aber nichts scheint zu funktionieren. Ich bin das einfügen dieser code in einer Datei, die ich wissen verwendet und mit anderen javascript-Blöcke normal formatiert, und dieser funktioniert immer noch nicht. Es funktioniert in ein Turnschuh, aber nicht auf mein code. Ich denke, das ist zu spezifisch für die Plattform und die Erweiterung, die ich bin versucht zu ändern (dies ist Teil der Magento checkout Schritt geändert durch die Dritte Erweiterung). Ich Suche in den Austausch der Liste mit einem manuell erzeugten. Nochmals vielen Dank.


Ich versuche zu verstecken eine option in einer dropdown-Liste auswählen, wird dinamically generiert. Die CSS-Lösung funktioniert nicht in allen Browsern und auch wenn ich fand einige ähnliche Fragen hier, keiner bietet eine Lösung, die funktioniert für mich.

Hier ist, was meine Liste rendert wie:

<select id="timeselect" name="adj[delivery_time][]" title="El plazo de la entrega" class="adjtimeselect select" type="time" ><option id="option-10" value="10" >10</option>
<option id="option-11" value="11" >11</option>
<option id="option-12" value="12" >12</option>
<option id="option-13" value="13" >13</option>
<option id="option-14" value="14" >14</option>
<option id="option-15" value="15" >15</option>
<option id="option-16" value="16" >16</option>
<option id="option-17" value="17" >17</option>
<option id="option-18" value="18" >18</option>
<option id="option-19" value="19" >19</option>
<option id="option-20" value="20" >20</option>
</select> 

Ich mich verstecken muss die option mit dem Wert "12" beispielsweise.
Ich bin mit diesem JS:

$("#timeselect option[value='12']").remove();

Jede Beratung wäre sehr dankbar da ich neu bin JS.

Dank.

  • Versuchen Sie es mit $("#timeselect option[value='12']").hide(). Für weitere Informationen: stackoverflow.com/questions/11071562/remove-option-in-select
  • .remove() ist die richtige Funktion, die Sie verwenden... was ist problem.. Sie wollen einfach nur verstecken, nicht beseitigen???
  • Beachten Sie, dass $ zeigt jQuery, so müssen Sie, dass, bevor das Skript.
  • Ich kann mit entweder ausblenden oder entfernen, ich muss nur es unmöglich zu wählen, die über jede mögliche Methode, aber entweder Weg, es passiert nichts, die option ist immer noch da.
  • Dann bist du wahrscheinlich etwas fehlt... Vielleicht ist das jQuery-include wie die Leute hier gesagt. Bitte laden Sie Ihr code jsfiddle.net so können wir einen Blick
  • danke @JensNeubauer, das ist, was ich verwende: <script type="text/javascript"> $("#timeselect option[value='12']").hide(); </script>
  • Setzen <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> Recht vor, die.
  • check this fiddle: jsfiddle.net/zApq4/9
  • Danke, ich habe versucht, geprüft, die fiddle und es funktioniert, aber es funktioniert nicht auf meine Datei. Wie jQuery, bevor Sie den script-block funktioniert nicht für mich. Dieser code ist Teil eines magento-checkout-Schritt, und das hinzufügen von jQuery deaktiviert alle checkout-Schritte. Vielleicht ist es gar nicht so einfach, nachdem alle.
  • Dann jQuery ist wohl schon in die Seite eingeschlossen. Wo ist dein JS-code auf der Seite? Entweder verschieben Sie es den ganzen Weg an das Ende des body-Tags, oder wickeln Sie es in ein ready-Ereignis: <script type="text/javascript"> $(document).ready(function(){$("#timeselect option[value='12']").hide();}); </script>
  • danke @JensNeubauer, ich habe Folgendes gefunden link details, wie zum einfügen von JS in magento checkout-Schritte. Könnten Sie mir helfen, passen Sie Ihren code in diese Struktur? link
  • Nun, versuchen Sie dies dann: <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery("#timeselect option[value='12']").hide(); }); </script>
  • Vielen Dank an alle, aber nichts scheint zu funktionieren. Ich bin das einfügen dieser code in einer Datei, die ich wissen verwendet und mit anderen javascript-Blöcke normal formatiert, und dieser funktioniert immer noch nicht. Es funktioniert in ein Turnschuh, aber nicht auf mein code. Ich denke, das ist zu spezifisch für die Plattform und die Erweiterung, die ich bin versucht zu ändern. Ich Suche in den Austausch der Liste mit einem manuell erzeugten. Nochmals vielen Dank.

Schreibe einen Kommentar