2016-07-28 9 views
0

Ich bin neu in JQuery und benötige Vorschläge zu folgenden Anforderungen.So ändern Sie den Anzeigewert der Schaltfläche "Senden" beim Laden der Seite mit jquery

Ich habe ein Formular mit einem Absenden-Button wie folgt. Seite akzeptiert locale als Eingabeparameter. Abhängig vom Wert von locale, befülle ich beim Laden der Seite die Beschriftungen der Eingabefelder in der entsprechenden Sprache mit dem Plug-In jQuery.i18n.properties.js, aber ich konnte den Anzeigewert der Schaltfläche nicht aktualisieren.

Bitte schlagen Sie eine Lösung vor oder wenn es einen anderen Weg gibt, dies zu erreichen.

HTML-Code:

<input type="submit" data-inline="true" id="submit" value="Submit"/> 

unten jQuery Optionen versucht haben, auf die Schaltfläche Etikett zu aktualisieren:

  1. $("#submit").val($.i18n.prop('submit'));
  2. $("#submit").html($.i18n.prop('submit'));
  3. $("#submit").prop('value',($.i18n.prop('submit')));
  4. $("#submit").text($.i18n.prop('submit'));

Keine von ihnen funktionierte. Aber ich sehe, dass der Wert für diese Schaltfläche im Developer Tools-Fenster wie folgt aktualisiert wird.

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow"> Submit <input type="submit" id="submit" value="New Text"> </div>

Antwort

0

Versuchen $("#submit")[0].value = $.i18n.prop('submit');. Funktioniert das für dich?

(Auch wenn es ein JS Problem zu umgehen, nicht eine JQuery-Lösung)

+0

Es hat nicht funktioniert M. Obwohl ich die Value-Eigenschaft aktualisiert für diese Schaltfläche im Chrome Developer Tools-Fenster sehen kann. Müssen wir diese Komponente aktualisieren? – KBP

+0

Das ist ein sehr merkwürdiges Verhalten, ich habe es sowohl auf FF als auch auf Chrome getestet, wo es für mich zu funktionieren scheint. Der oben geschriebene Code kann übrigens leicht mit 'docuement.querySelector (" # submit ') in reines JS übertragen werden. Value = $ .i18n.prop (' submit '); '- –

0

Wenn Ihre Schaltfläche ist ein input-Tag, verwenden Sie die jQuery val:

function changeBtnText() { 
 
    $("#submit").val("My new button text"); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="submit" id="submit" value="My button"> 
 
<button type="button" onclick="changeBtnText()">Change button text</button>

Wenn Ihre Taste ist ein button Tag, verwenden Sie die jQuery text (oder html):

function changeBtnText() { 
 
    $("#submit").text("My new button text"); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="submit" id="submit">My button</button> 
 
<button type="button" onclick="changeBtnText()">Change button text</button>

Hinweis: Ich empfehle Ihre Taste eine ID unterscheidet sich von "Eintragen" um Verwirrung zu vermeiden geben.