Значение для параметров ввода

Question

Требуется помощь в том, как получить значение параметров ввода:

<div class="input-group mb-3">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputGroupSelect01">Color</label>
        </div>
        <select class="custom-select" id="inputGroupSelect01">
          <option selected>Choose...</option>
          <option value="1" >Blue</option>
          <option value="2">Green</option>
          <option value="3">Yellow</option>
          <option value="4">Orange</option>
          <option value="5">Red</option>
        </select>
      </div>

My model is like this:

        User.register({
            fname: req.body.firstname,
            lname: req.body.lastname,
            nickname: req.body.nickname,
            email: req.body.email,
            color: req.body.value,
            designation: req.body.designation,
            username: req.body.username,

Я не могу получить значение для выбранных параметров, благодарю за любую помощь. Спасибо.

Answer 1

Для связи между вашим веб-интерфейсом и серверной частью вам необходимо настроить маршрут и сделать HTTP-запрос. Я бы предложил использовать Ax ios.

Чтобы получить значение ввода, вы могли бы сделать:

const inputValue = document.getElementById('inputGroupSelect01').value;

Затем с Ax ios:

async sendInputValue() {
    const url = 'http://localhost:5000/'

    await Axios.post(`${url}register`, inputValue)
        .then(res => {
            // Do whatever on success
        }).catch(err => {
            // Do whatever with error
        }
}

Затем на вашем сервере:

router.post('register', (req, res) => {
   // Use it however you want
}