Question

我有几个选择的表格

这是代码

<form>
<div class="form-group">
    <label for="recipient-name" class="col-form-label">Ф.И.О</label>
    <input type="text" class="form-control" id="Name">
</div>
<div class="form-group">
    <label for="recipient-name" class="col-form-label">Дата Рождения</label>
    <input type="date" class="form-control" id="birthday">
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Должность:</label>
    <textarea class="form-control" id="position"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Телефон:</label>
    <textarea class="form-control" id="telephonepeople"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">График работы:</label>
    <select class="form-control" id="workTime">
        <option>Дневная Смена</option>
        <option>Ночная смена</option>
        <option>Сутки</option>
        <option>Дневная -Ночная смены</option>
    </select>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Адрес проживания:</label>
    <textarea class="form-control" id="adress"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Регион:</label>
    @Html.DropDownList("Region", null, htmlAttributes: new { @class = "form-control", @id = "region" })
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Паспортные данные:</label>
    <textarea class="form-control" id="passportData"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">ИНН:</label>
    <textarea class="form-control" id="INN"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Медицинская книга:</label>
    <select class="form-control" id="medicalCard">
        <option>Имеется</option>
        <option>Не Имеется</option>
    </select>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Дата окончания мед книжки:</label>
    <input type="date" class="form-control" id="bookending">
</div>

我需要从中获取值并传递给后端。

我有这个javascript代码（这里是部分，我得到了值，因为其他所有工作都很棒）

function AddPeople() {
let proposalurl = '/peopleforworks/addpeople';
let Name = $('#Name').val();
let birthday = $('#birthday').val();
let telephone = $('#telephonepeople').val();
let workTime = $('#workTime').text();
let adress = $('#adress').val();
let passportData = $('#passportData').val();
let medicalCard = $('#medicalCard').val();
let INN = $('#INN').val();
let medicalbookdate = $('#bookending').val();
let position = $('#position').val();
let region = $('#region').text();
alert(workTime);

但警报没有告诉我什么。所有其他选择都在起作用，价值也来自它们。

哪里可以成为我的问题？

感谢帮助

Answer 1

您需要为每个select的{{1}}定义一个值：

替换它：

<option>

由此：

<select class="form-control" id="workTime">
        <option>Дневная Смена</option>
        <option>Ночная смена</option>
        <option>Сутки</option>
        <option>Дневная -Ночная смены</option>
 </select>

还有：

<select class="form-control" id="workTime">
        <option value="Дневная Смена">Дневная Смена</option>
        <option value="Ночная смена">Ночная смена</option>
        <option value="Сутки">Сутки</option>
        <option value="Дневная -Ночная смены">Дневная -Ночная смены</option>
 </select>

由此：

let workTime = $('#workTime').text();

Answer 2

使用.val()

let workTime = $('#workTime').val();

无法从select（JS）获取价值

2 个答案: