从一个下拉列表中选择多个项目并插入到数据库的多行中

<select id="projectList" multiple>
  <option value="project1">项目1</option>
  <option value="project2">项目2</option>
  <option value="project3">项目3</option>
  <!-- 其他选项 -->
</select>

<button onclick="saveSelection()">保存选择</button>

<script>
function saveSelection() {
  var selectedProjects = Array.from(document.getElementById("projectList").selectedOptions).map(option => option.value);
  
  // 发送选择的项目数据到后端API接口
  fetch('/api/saveSelection', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(selectedProjects)
  })
  .then(response => response.json())
  .then(data => {
    console.log('保存成功');
  })
  .catch(error => {
    console.error('保存失败', error);
  });
}
</script>

const express = require('express');
const bodyParser = require('body-parser');
const mysql = require('mysql');

const app = express();
app.use(bodyParser.json());

// 创建MySQL数据库连接
const connection = mysql.createConnection({
  host: '数据库主机地址',
  user: '数据库用户名',
  password: '数据库密码',
  database: '数据库名'
});

// API接口：保存选择的项目数据
app.post('/api/saveSelection', (req, res) => {
  const selectedProjects = req.body;
  
  // 将选择的项目数据插入到数据库的多行中
  const query = 'INSERT INTO projects (name) VALUES ?';
  const values = selectedProjects.map(project => [project]);
  
  connection.query(query, [values], (error, results) => {
    if (error) {
      console.error('保存失败', error);
      res.status(500).json({ error: '保存失败' });
    } else {
      console.log('保存成功');
      res.json({ success: true });
    }
  });
});

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动');
});