我目前正在使用HTML、CSS和PHP开发一个web应用程序。但是，我想知道如何将文本框值传递给梳框。HTML代码部分复制如下。此外，组合框值也从数据库中获取。
<form method="post">
<div class="form-group">
<label for="text">Item Name</label>
<select class="form-control show-tick" name="ItemName" id="ItemName" required>
<option value="">Please select</option>
</select><br>
<div>
<table>
<tr>
<td style=" border: 7px solid transparent"><label for="text">Add Item Name : </label></td>
<td style=" border: 5px solid transparent"><input type="text" name="name" id="name" class="form-control" > </td>
<td style=" border: 5px solid transparent"><button type="submit" class="btn btn-info">Add</button></td>
</tr>
</table>
</div>
</div>
</form>
您不能只使用HTML和PHP来实现这一点，只要使用一点点javascript/jQuery，您就是黄金。
请注意，我为您添加了ajax代码块，您将在其中将数据发送到PHP端，一旦接收到数据，就可以将其保存到数据库中。
$('button[type=submit]').click(function(){
let nn = $('#name').val();
$('#ItemName').append('<option value="' +nn+ '">' +nn+ '</option>');
$('#name').val('');
$.ajax({
type: 'post',
url: 'name_of_your_php_file.php',
data: 'new_option=' + nn
});
});.b5{border: 5px solid transparent;}
.b7{border: 7px solid transparent;}
select{margin-bottom:30px;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<form method="post">
<div class="form-group">
<label for="text">Item Name</label>
<select class="form-control show-tick" name="ItemName" id="ItemName" required>
<option value="">Please select</option>
</select>
<div>
<table>
<tr>
<td class="b7"><label for="text">Add Item Name : </label></td>
<td class="b5"><input type="text" name="name" id="name" class="form-control"> </td>
<td class="b5"><button type="submit" class="btn btn-info">Add</button></td>
</tr>
</table>
</div>
</div>
</form>
希望它有帮助！
<script>
function frmSubmit() {
var txtValue = document.frm.name.value;
if(txtValue !== '') {
var option = document.createElement("option");
option.text = txtValue;
document.frm.ItemName.add(option);
}
return false;
}
</script>
<form name="frm" method="post">
<div class="form-group">
<label for="text">Item Name</label>
<select class="form-control show-tick" name="ItemName" id="ItemName" required>
<option value="">Please select</option>
</select><br>
<div>
<table>
<tr>
<td style=" border: 7px solid transparent"><label for="text">Add Item Name : </label></td>
<td style=" border: 5px solid transparent"><input type="text" name="name" id="name" class="form-control" > </td>
<td style=" border: 5px solid transparent"><button type="submit" class="btn btn-info" onClick="return frmSubmit()">Add</button></td>
</tr>
</table>
</div>
</div>
</form>
