de-vraag
Więcej
Question

Jak ustawić wartość tekstu wejściowego za pomocą jQuery

Mam tekst wejściowy, który jest taki:

<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>

Który produkuje następujący 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>

Chcę ustawić wartość tego tekstu wejściowego za pomocą jquery, więc zrobiłem to:

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

jednakże, to nie działa... jaki jest błąd w mojej składni?

Kamil Kiełczewski
Kamil Kiełczewski
Edytowane pytanie 8. kwietnia 2019 в 6:49
Programowanie
javascript
html
jquery
asp.net-mvc-3
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.
Solution / Answer

Twój selektor pobiera pole tekstowe' otaczające <div class='textBoxEmployeeNumber'> zamiast danych wejściowych wewnątrz niego.

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

Update after seeing output HTML

Jeśli kod ASP.NET niezawodnie wyprowadza HTML <input> z atrybutem id id='EmployeeId', możesz po prostu użyć:

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

Jeśli to się nie uda, będziesz musiał sprawdzić w konsoli błędów przeglądarki, czy nie masz innych błędów skryptu, które powodują, że to się nie udaje. Pierwszy przykład powyżej [działa poprawnie w tej demonstracji].(

)

Michael Berkowski
Michael Berkowski
Edytowana odpowiedź 16. maja 2012 в 2:35
514

Używając jQuery, możemy użyć następującego kodu:

Wybierz według nazwy wejścia:

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

Wybierz według klasy wejścia:

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

Wybierz według id wejścia:

$('#textboxid').val('some value')
Kaspar Lee
Kaspar Lee
Edytowana odpowiedź 10. stycznia 2016 в 6:49
60 
$(document).ready(function () {
    $('#EmployeeId').val("fgg");

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

    //Or
    $('.textBoxEmployeeNumber').find('input').val("fgg");
});
Nikhil Agrawal
Nikhil Agrawal
Edytowana odpowiedź 19. września 2013 в 12:25
12