I have a problem passing the selected option value id from select option to onchange function in methods. What i want to achieve here everytime i change select value in select option i would like to store the selected value to v-model=choosed and pass that value to methods onchange that choosed = item.id. Here is my function in DeviceController to fetch devices:
Here is the function from method to get devices{} data from DeviceController:
Here is my select option code:
Here is my choosed v-model and devices json which devices that item.id came from in data:
Here is my onChange function in method: Saya mendapat kesan bahwa saya bisa mendapatkan nilai input pilih dengan melakukan ini Tampaknya hanya berfungsi jika saya referensi ID. Bagaimana saya melakukannya menggunakan ini. Jawaban: Coba ini-
Anda juga dapat referensi dengan onchange event-
Ini berfungsi jika Anda berlangganan secara tidak mencolok (yang merupakan pendekatan yang disarankan):
jika Anda menggunakan
lalu:
Ini membantu saya. Untuk pilih:
Untuk radio / kotak centang:
Coba metode delegasi acara, ini bekerja di hampir semua kasus.
Anda dapat mencoba ini (menggunakan jQuery ) -
Atau Anda dapat menggunakan Javascript sederhana seperti ini-
Fungsi panah memiliki cakupan yang berbeda dari fungsi,
Inilah yang bekerja untuk saya. Mencoba yang lain tanpa hasil:
Diambil dari Mozilla Cari situs jQuery HTML:
JAVASCRIPT:
Contoh jQuery: Untuk menambahkan tes validitas ke semua elemen input teks:
Untuk semua pilihan, aktifkan fungsi ini.
Untuk hanya satu pilih:
jQuery mendapatkan nilai elemen html tertentu menggunakan pada acara Change Untuk Demo & Contoh Lainnya
Perhatikan bahwa jika ini tidak berfungsi, itu mungkin karena DOM belum dimuat dan elemen Anda belum ditemukan. Untuk memperbaikinya, letakkan skrip di ujung badan atau gunakan dokumen siap
Biarkan saya berbagi contoh yang saya kembangkan dengan BS4, thymeleaf, dan boot Spring. Saya menggunakan dua SELECT, di mana yang kedua ("subtopik") diisi oleh panggilan AJAX berdasarkan pemilihan yang pertama ("topik"). Pertama, potongan thymeleaf:
Saya mengulangi daftar topik yang disimpan dalam konteks model, menunjukkan semua grup dengan topik mereka, dan setelah itu semua topik yang tidak memiliki grup. BaseIdentity adalah BTW kunci komposit @Embedded. Sekarang, inilah jQuery yang menangani perubahan:
Panggilan perubahan awal () memastikan akan dieksekusi pada pemuatan ulang halaman atau jika suatu nilai telah dipilih sebelumnya oleh beberapa inisialisasi di backend. BTW: Saya menggunakan validasi formulir "manual" (lihat "is-valid" / "is-invalid"), karena saya (dan pengguna) tidak suka bahwa BS4 menandai bidang kosong yang tidak diperlukan sebagai hijau. Tapi itu byond lingkup Q ini dan jika Anda tertarik maka saya dapat mempostingnya juga. Saya ingin menambahkan, yang membutuhkan fungsionalitas tajuk khusus penuh
|