Saya memiliki teks input yang ini:
<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>
Yang menghasilkan html berikut
<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>
Saya ingin mengatur nilai input teks ini menggunakan jquery jadi saya melakukan ini:
<script type="text/javascript" language="javascript">
$(function() {
$('.textBoxEmployeeNumber').val("fgg");
});
</script>
namun, itu tidak berfungsi ... apa kesalahan di sintaksis saya?
javascript
jquery
html
asp.net-mvc-3
raberana
sumber
sumber
Jawaban:
Pemilih Anda sedang mengambil kotak teks di sekitarnya
<div class='textBoxEmployeeNumber'>
daripada input di dalamnya.Perbarui setelah melihat HTML keluaran
Jika kode ASP.NET secara andal menampilkan HTML
<input>
dengan atribut idid='EmployeeId'
, Anda dapat lebih mudah menggunakan:Gagal ini, Anda harus memverifikasi di konsol kesalahan browser Anda bahwa Anda tidak memiliki kesalahan skrip lain yang menyebabkan ini gagal. Contoh pertama di atas berfungsi dengan benar dalam demonstrasi ini.
sumber
value=""
dan kosongkan dalam DB setelah disimpan.Menggunakan jQuery, kita dapat menggunakan kode berikut:
Pilih dengan nama input:
Pilih dengan kelas input:
Pilih dengan id masukan:
sumber
sumber
Untuk elemen dengan id
Anda dapat menetapkan nilai sebagai
Dokumentasi di sini .
sumber
ini untuk kelas
untuk id
sekarang jika Anda memiliki iput dalam bentuk yang dapat Anda gunakan
sumber
Berikut adalah variasi lain untuk unggahan file yang memiliki tombol bootstrap yang lebih bagus daripada tombol telusuri unggah file default. Ini adalah html:
Ini skripnya:
sumber
Dalam js murni itu akan lebih sederhana
Tampilkan cuplikan kode
sumber