Node.js에서 드롭다운 상자의 기본값을 설정하는 방법

Node.js는 Chrome V8 엔진을 기반으로 하는 JavaScript 런타임 환경으로, 서버측 프로그래밍과 명령줄 도구 모두에 사용할 수 있습니다. 이 기술은 효율적이고 강력하며 개발하기 쉽기 때문에 개발자들로부터 널리 환영받고 있습니다.

Node.js에서 양식 데이터를 처리하는 것은 매우 일반적인 작업이며 드롭다운 상자는 일반적인 양식 요소입니다. 드롭다운 상자는 일반적으로 여러 옵션을 제공하는 데 사용되며 사용자는 특정 기능을 달성하기 위해 옵션 중 하나를 선택할 수 있습니다. 일부 시나리오에서는 드롭다운 상자의 기본값을 설정해야 합니다. Node.js에서 드롭다운 상자의 기본값을 설정하는 방법을 소개하겠습니다.

Node.js에서 양식 데이터를 처리하려면 타사 모듈인 body-parser를 사용해야 합니다. body-parser。

首先，我们在终端中安装body-parser模块：

$ npm install body-parser

然后，在代码中引入该模块：

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

接着，使用body-parser模块的urlencoded方法进行表单数据解析：

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

在前端页面中，我们需要通过HTML代码定义下拉框，并给定默认值。如下所示：

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

在选择框中，我们将默认选项置为selected状态。

最后，在Node.js中处理表单数据的回调函数中，我们可以通过req.body来获取表单数据，进而获取下拉框的值。如果表单中没有选择任何选项，我们可以将默认值设置为selected状态的那个选项。如下所示：

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

以上就是如何在Node.js中进行下拉框默认值的设置。需要注意的是，在前端页面中，我们需要为默认选项添加selected

위 내용은 Node.js에서 드롭다운 상자의 기본값을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!