Ich habe einen Eingabetext, der folgendermaßen lautet:
<div class="editor-label">
@Html.LabelFor(model => model.EmployeeId, "Employee Number")
</div>
<div class="editor-field textBoxEmployeeNumber">
@Html.EditorFor(model => model.EmployeeId)
@Html.ValidationMessageFor(model => model.EmployeeId)
</div>
Welche produzieren folgenden HTML
<div class="editor-label">
<label for="EmployeeId">Employee Number</label>
</div>
<div class="editor-field textBoxEmployeeNumber">
<input class="text-box single-line" data-val="true" data-val-number="The field EmployeeId must be a number." data-val-required="The EmployeeId field is required." id="EmployeeId" name="EmployeeId" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="EmployeeId" data-valmsg-replace="true"></span>
</div>
Ich möchte den Wert dieses Eingabetextes mit jquery festlegen, also habe ich Folgendes getan:
<script type="text/javascript" language="javascript">
$(function() {
$('.textBoxEmployeeNumber').val("fgg");
});
</script>
es funktioniert jedoch nicht ... was ist der Fehler in meiner Syntax?
javascript
jquery
html
asp.net-mvc-3
Raberana
quelle
quelle
Antworten:
Ihr Selektor ruft die Umgebung
<div class='textBoxEmployeeNumber'>
des Textfelds anstelle der darin enthaltenen Eingaben ab.Aktualisieren Sie nach dem Anzeigen des Ausgabe-HTML
Wenn der ASP.NET-Code den HTML-Code
<input>
mit einem ID-Attribut zuverlässig ausgibtid='EmployeeId'
, können Sie einfach Folgendes verwenden:Andernfalls müssen Sie in der Fehlerkonsole Ihres Browsers überprüfen, ob Sie keine anderen Skriptfehler haben, die dazu führen, dass dies fehlschlägt. Das erste Beispiel oben funktioniert in dieser Demonstration korrekt.
quelle
value=""
nach dem Speichern eine leere Datei in der Datenbank.Mit jQuery können wir den folgenden Code verwenden:
Wählen Sie nach Eingabename:
Nach Eingabeklasse auswählen:
Wählen Sie anhand der Eingabe-ID:
quelle
quelle
Für Element mit ID
Sie können den Wert als einstellen
Dokumentation hier .
quelle
Dies ist für Klassen
für IDs
Wenn Sie einen Iput in einer Form haben, die Sie verwenden können
quelle
Hier ist eine weitere Variante für einen Datei-Upload mit einer besser aussehenden Bootstrap-Schaltfläche als die Standard-Schaltfläche zum Durchsuchen von Dateien. Dies ist das HTML:
Hier ist das Skript:
quelle
In reinen js wird es einfacher sein
Code-Snippet anzeigen
quelle