Jquery Vorauswahl Dropdown-Menüoption in einem Plugin

Ich fragte hier vor ein paar Tagen, wie kann ich einen Dropdown-Abschnitt in einem Formular vor Auswahl einer Option. Ich habe eine Antwort und versuchte es und einige andere Vorschläge, die ich online gefunden habe, die alle fehlgeschlagen waren. Ich habe zwei Bilder beigefügt, die zeigen, was ich gemacht habe, also hoffentlich könnt ihr mir helfen.Jquery Vorauswahl Dropdown-Menüoption in einem Plugin

(bedenken Sie, dass ich ein Plugin verwendet, die mir nur Code nicht bearbeiten, um die gegebenen hinzufügen können) hier

Num1 thats how the plugin made the form, i cannot edit it

Num2 thats what i have tried and it did not work

EDIT

ist der Code, den die Pulgin gemacht hat:

<label class="fitText" style="font-size: 16px;">Product</label> 
<select name="Product" data-export-field=""> 

      <option value=""> - Product - </option> 


      <option value="A" data-price="0"> 
      A 

      </option> 

      <option value="B" data-price="14"> 
      B 

      (+$14.00) 

      </option> 

     </select>

Was ich gemacht:

<script> 
$(window).load(function() { 
    $('#Product option[value=A]').attr('selected','selected'); 
}); 
</script>

hoffe, ihr mir helfen! : D

Dank Yarin

Quelle

2016-08-19 Yarin Bar

Gibt es eine Möglichkeit, den Code in Ihre Frage zu kopieren und einzufügen? Debugging-Code von einem Bild scheint ... ineffizient. –

Fertig, du hast Recht, danke –

Dies sollte erreichen, was Sie

Skript wollen- -

$(document).ready(function() { 
    $('select[name=Product] > option[value=A]').attr('selected','selected'); 
});

Der # Selektor ist für IDs, nicht nennen. Verwenden Sie denselben Selektor für Name wie Wert.

$(document).ready() (oder $(function() {})) sollte ein wenig schneller sein, da es anruft, wenn das DOM zur Manipulation bereit ist, anstatt wenn alles fertig ist. Ich habe auch gehört, dass $(window).load(function() {}) bei unbeabsichtigten Zeiten aufgerufen werden kann, je nach Projekt.

Andernfalls ist Ihr Code solide.

Quelle

2016-08-19 21:49:56 MPawlak

Oder du kannst versuchen dieses: –

Hallo, vielen Dank für die Antwort, aber der Code scheint nicht zu funktionieren. Vielleicht, weil der Code, den ich hinzufüge, im Körper liegt? und ich habe diesen Code gefunden: Hat es etwas damit zu tun? Ich versuche zu erreichen? –

Sollte nicht. Das ist nur die Formularübergabe. Wenn Sie die Zeile 'console.log ($ ('select [Name = Produkt]> Option [Wert = A]'))' direkt unterhalb der Zeile docReady hinzufügen gibt es das Objekt an Ihre Konsole aus? – MPawlak

Oder Sie können diese versuchen:

$(document).ready(function(){ 

    $("#select_id").val('A'); 

});

Auf Seite zu laden, stellen Sie Standardwert für den select-Tag. Könnte dir helfen.

Quelle

2016-08-20 01:12:48

Hat auch nicht funktioniert: / –

Jquery Vorauswahl Dropdown-Menüoption in einem Plugin

Antwort

Verwandte Themen