Wie man den Wert eines Eingabetextes mit jQuery setzt

Question

Ich habe einen Eingabetext, der so 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>

Das ergibt folgende 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 einstellen, also habe ich dies getan:

<script type="text/javascript" language="javascript">
    $(function() {
        $('.textBoxEmployeeNumber').val("fgg");
    });
</script> 

aber es funktioniert nicht... wo liegt der Fehler in meiner Syntax?

Answer 1

Ihr Selektor ruft die Umgebung des Textfeldes ab <div class='textBoxEmployeeNumber'> anstelle der darin enthaltenen Eingabe.

// Access the input inside the div with this selector:
$(function () {
  $('.textBoxEmployeeNumber input').val("fgg");
});

Aktualisieren, nachdem Sie die HTML-Ausgabe gesehen haben

Wenn der ASP.NET-Code den HTML-Code zuverlässig ausgibt <input> mit einem id-Attribut id='EmployeeId' können Sie einfach nur verwenden:

$(function () {
  $('#EmployeeId').val("fgg");
});

Ist dies nicht der Fall, müssen Sie in der Fehlerkonsole Ihres Browsers überprüfen, ob andere Skriptfehler vorliegen, die den Fehler verursachen. Das erste Beispiel oben funktioniert in dieser Demonstration korrekt.

Answer 2

Mit jQuery können wir den folgenden Code verwenden:

Wählen Sie nach Eingangsnamen:

$('input[name="textboxname"]').val('some value')

Nach Eingabeklasse auswählen:

$('input[type=text].textboxclass').val('some value')

Nach Eingabe-ID auswählen:

$('#textboxid').val('some value')

Answer 3

$(document).ready(function () {
    $('#EmployeeId').val("fgg");

    //Or
    $('.textBoxEmployeeNumber > input').val("fgg");

    //Or
    $('.textBoxEmployeeNumber').find('input').val("fgg");
});

Answer 4

Für Element mit id

<input id="id_input_text16" type="text" placeholder="Ender Data"></input>

Sie können den Wert wie folgt festlegen

$("#id_input_text16").val("testValue");

Dokumentation aquí .

Answer 5

Dies ist für Klassen

$('.nameofdiv').val('we are developers');

für Ids

$('#nameofdiv').val('we are developers');

Wenn Sie nun eine Ausgabe in einer Form haben, die Sie verwenden können

$("#form li.name input.name_val").val('we are awsome developers');