Bagaimana untuk menetapkan nilai lalai kotak lungsur dalam Node.js

Node.js ialah persekitaran masa jalan JavaScript berdasarkan enjin Chrome V8 Ia boleh digunakan untuk kedua-dua pengaturcaraan sisi pelayan dan alatan baris arahan. Teknologi ini cekap, berkuasa dan mudah dibangunkan, jadi ia dialu-alukan secara meluas oleh pembangun.

Dalam Node.js, memproses data borang ialah operasi yang sangat biasa dan kotak lungsur ialah elemen bentuk biasa. Kotak drop-down biasanya digunakan untuk menyediakan berbilang pilihan, dan pengguna boleh memilih salah satu pilihan untuk mencapai fungsi tertentu. Dalam sesetengah senario, kita perlu menetapkan nilai lalai kotak lungsur turun Mari kita perkenalkan cara menetapkan nilai lalai kotak lungsur turun dalam Node.js.

Untuk memproses data borang dalam Node.js, anda perlu menggunakan modul pihak ketiga - body-parser.

Mula-mula, kami memasang modul body-parser di terminal:

$ npm install body-parser

Kemudian, masukkan modul ke dalam kod:

const express = require('express')
const bodyParser = require('body-parser')
const app = express()

Seterusnya, gunakan body-parserKaedah urlencoded modul melaksanakan penghuraian data borang:

app.use(bodyParser.urlencoded({ extended: false }))

Di halaman hujung hadapan, kita perlu mentakrifkan kotak lungsur melalui kod HTML dan memberikan nilai lalai. Seperti yang ditunjukkan di bawah:

<select name="fruit">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="orange" selected>Orange</option>
</select>

Dalam kotak pilihan, kami menetapkan pilihan lalai kepada keadaan selected.

Akhir sekali, dalam fungsi panggil balik yang memproses data borang dalam Node.js, kita boleh menggunakan req.body untuk mendapatkan data borang dan kemudian mendapatkan nilai kotak lungsur turun. Jika tiada pilihan dipilih dalam borang, kami boleh menetapkan nilai lalai kepada pilihan itu dalam keadaan selected. Seperti yang ditunjukkan di bawah:

app.post('/submit', (req, res) => {
  const { fruit } = req.body
  if (!fruit) {
    document.querySelector('select option[value=orange]').setAttribute('selected', true)
  }
  // ...
})

Di atas ialah cara untuk menetapkan nilai lalai kotak lungsur turun dalam Node.js. Perlu diingatkan bahawa di halaman hujung hadapan, kita perlu menambah atribut selected untuk pilihan lalai, dan dalam fungsi panggil balik Node.js, kita perlu membuat pertimbangan yang sepadan untuk menetapkan nilai lalai. Dengan cara ini, kami boleh menetapkan nilai lalai kotak lungsur turun secara fleksibel, menjadikan pengalaman pengguna lebih lancar.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan nilai lalai kotak lungsur dalam Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!