Πώς να ορίσετε την τιμή του κειμένου εισόδου χρησιμοποιώντας το jQuery

Έχω ένα κείμενο εισόδου το οποίο είναι το εξής:

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

Το οποίο παράγει την ακόλουθη html

Kamil Kiełczewski
Επεξεργασμένη ερώτηση Κάνε Απρίλιος 2019 в 6:49
Προγραμματισμός
javascript html jquery asp.net-mvc-3
Κάνε Μάιος 2012 в 2:17
18 προβολές
Λύση

Ο επιλογέας σας ανακτά το πλαίσιο κειμένου που το περιβάλλει <div class='textBoxEmployeeNumber'> αντί για την εισαγωγή μέσα σε αυτό.

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

Ενημέρωση αφού δούμε την HTML εξόδου

Εάν ο κώδικας ASP.NET εξάγει αξιόπιστα την HTML <input> με ένα χαρακτηριστικό id id='EmployeeId', μπορείτε πιο απλά να χρησιμοποιήσετε:

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

Αν αυτό δεν γίνει, θα πρέπει να επαληθεύσετε στην κονσόλα σφαλμάτων του προγράμματος περιήγησης ότι δεν έχετε άλλα σφάλματα σεναρίου που προκαλούν την αποτυχία αυτή. Το πρώτο παράδειγμα παραπάνω [λειτουργεί σωστά σε αυτή την επίδειξη](http://jsfiddle.net/a2fDQ/)

Michael Berkowski
Επεξεργασμένη απάντηση Κάνε Μάιος 2012 в 2:35
Σχόλια (5)

Χρησιμοποιώντας την jQuery, μπορούμε να χρησιμοποιήσουμε τον ακόλουθο κώδικα:

Επιλέξτε με βάση το όνομα της εισόδου:

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

Επιλέξτε με βάση την κατηγορία εισόδου:

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

Επιλογή με βάση το id εισόδου:

$('#textboxid').val('some value')
Kaspar Lee
Επεξεργασμένη απάντηση Κάνε Ιανουάριος 2016 в 6:49
Σχόλια (2)
 
$(document).ready(function () {
    $('#EmployeeId').val("fgg");

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

    //Or
    $('.textBoxEmployeeNumber').find('input').val("fgg");
});
Nikhil Agrawal
Επεξεργασμένη απάντηση Κάνε Σεπτέμβριος 2013 в 12:25
Σχόλια (0)