Php 在laravel中的下拉列表中添加和删除新值
伙计们只是想检查一下，是否有可能通过网页添加新数据并永久保存。例如，在我的下拉列表中，我有三个人的名字，约翰、汤姆和杰瑞。在这个下拉列表中，我想添加一个名为Keith的新名字，并从下拉列表中删除Jerry的名字 以下是我这边现在的情况：Php 在laravel中的下拉列表中添加和删除新值,php,laravel,Php,Laravel,伙计们只是想检查一下，是否有可能通过网页添加新数据并永久保存。例如，在我的下拉列表中，我有三个人的名字，约翰、汤姆和杰瑞。在这个下拉列表中，我想添加一个名为Keith的新名字，并从下拉列表中删除Jerry的名字 以下是我这边现在的情况： <div class="input-group"> <label><b>List of Class leader:</b></label> <select name
<div class="input-group">
<label><b>List of Class leader:</b></label>
<select name="class_leader" id="class_leader" class="form-control" >
<option value="John" >John</option>
<option value="Jerry">Jerry</option>
<option value="Tom">Tom</option>
</select>
</div>
班长名单：
约翰
杰瑞
汤姆
你们能给我一些建议吗？如果可能的话，可以举一些例子，这样我就能更好地理解它 您可以通过多种方式实现这一点，如果此列表需要永久保存，则可以使用数据库 在Laravel中，您可以创建称为模型和迁移的东西。您可以使用
php-artisan-make:model-ClassLeader-mClassLeader//...
public function up()
{
Schema::create('class_leaders', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->timestamps();
});
}
//...
php-artisan-migrateuse-App\ClassLeader，您可以使用该模型访问该表到需要使用它的任何文件的顶部（很可能是控制器），然后像这样使用它ClassLeader:：find（1）
或者您可以通过使用完整的名称空间直接使用它，例如App\ClassLeader:：find（1）
然后我建议您添加一个表单，向数据库提交一个新的ClassLeader，您可以在控制器中这样做
//...
$class_leader = new ClassLeader;
$class_leader->name = 'NAME HERE';
$class_leader->save(); // Saves this ClassLeader to the database
//...
然后向所有班长展示，在你看来，你可以这样做
//...
@foreach(App\ClassLeader::all() as $leader)
<option value="{{ $leader->id }}">{{ $leader->name }}</option>
@endforeach
//...
/。。。
@foreach（App\ClassLeader:：all（）作为$leader）
{{$leader->name}
@endforeach
//...
所有这些操作都是在整个类领导表中运行，并通过选项
DOM元素显示它们
希望这个答案能引导您走上正确的道路。您可以通过多种方式实现这一点，如果此列表需要永久保存，那么解决方法就是使用数据库
在Laravel中，您可以创建称为模型和迁移的东西。您可以使用php-artisan-make:model-ClassLeader-m
命令通过迁移创建一个名为ClassLeader
的模型。这将创建一个模型和一个迁移
现在，在迁移文件中，您可以为表添加示意图，我建议您这样做
//...
public function up()
{
Schema::create('class_leaders', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->timestamps();
});
}
//...
现在，您可以使用命令php-artisan-migrate
，该命令将此新原理图迁移到数据库中，以便将数据存储在那里
现在，通过添加use-App\ClassLeader，您可以使用该模型访问该表到需要使用它的任何文件的顶部（很可能是控制器），然后像这样使用它ClassLeader:：find（1）
或者您可以通过使用完整的名称空间直接使用它，例如App\ClassLeader:：find（1）
然后我建议您添加一个表单，向数据库提交一个新的ClassLeader，您可以在控制器中这样做
//...
$class_leader = new ClassLeader;
$class_leader->name = 'NAME HERE';
$class_leader->save(); // Saves this ClassLeader to the database
//...
然后向所有班长展示，在你看来，你可以这样做
//...
@foreach(App\ClassLeader::all() as $leader)
<option value="{{ $leader->id }}">{{ $leader->name }}</option>
@endforeach
//...
/。。。
@foreach（App\ClassLeader:：all（）作为$leader）
{{$leader->name}
@endforeach
//...
所有这些操作都是在整个类领导表中运行，并通过选项
DOM元素显示它们
希望这个答案能引导您走上正确的道路。我不知道您希望它是什么样子，但我只是给了您一个使用JS在选择框中添加名称的想法。请看下面的代码
<!DOCTYPE html>
<html>
<body>
<form>
<input type='text' id='idea' />
<input type='button' value='add to list' id='add' />
<select name="class_leader" id="class_leader" class="form-control">
<option value="John" >John</option>
<option value="Jerry">Jerry</option>
<option value="Tom">Tom</option>
</select>
</form>
<script>
document.getElementById("add").onclick = function() {
//First things first, we need our text:
var text = document.getElementById("idea").value; //.value gets input values
//Now construct a quick list element
var x = document.getElementById("class_leader");
var option = document.createElement("option");
option.text = text;
x.add(option);
}
约翰
杰瑞
汤姆
document.getElementById（“add”）.onclick=function（）{
//首先，我们需要我们的文本：
var text=document.getElementById（“idea”）.value；//.value获取输入值
//现在构造一个快速列表元素
var x=document.getElementById（“class_leader”）；
var option=document.createElement（“选项”）；
option.text=文本；
x、 添加（选项）；
}
在这里，您需要添加输入框，用户将在其中输入任何名称，然后按add，它将添加到选择框中
希望这对你有帮助 我不知道您希望它是什么样子，但我只是给了您一个想法，使用JS在选择框中添加名称。请看下面的代码
<!DOCTYPE html>
<html>
<body>
<form>
<input type='text' id='idea' />
<input type='button' value='add to list' id='add' />
<select name="class_leader" id="class_leader" class="form-control">
<option value="John" >John</option>
<option value="Jerry">Jerry</option>
<option value="Tom">Tom</option>
</select>
</form>
<script>
document.getElementById("add").onclick = function() {
//First things first, we need our text:
var text = document.getElementById("idea").value; //.value gets input values
//Now construct a quick list element
var x = document.getElementById("class_leader");
var option = document.createElement("option");
option.text = text;
x.add(option);
}
约翰
杰瑞
汤姆
document.getElementById（“add”）.onclick=function（）{
//首先，我们需要我们的文本：
var text=document.getElementById（“idea”）.value；//.value获取输入值
//现在构造一个快速列表元素
var x=document.getElementById（“class_leader”）；
var option=document.createElement（“选项”）；
option.text=文本；
x、 添加（选项）；
}
在这里，您需要添加输入框，用户将在其中输入任何名称，然后按add，它将添加到选择框中
希望这对你有帮助 那么，如果您将Jerry
替换为Keith
会有什么问题呢？您可以使用一些Java脚本行来执行此操作，然后使用一些数据库函数来保存it@MrDeveloper对不起，我不太明白你的意思，我只是想问一下，是否有可能删除我下拉列表中的Jerry名字，并在里面添加Keith。类似于更新和删除功能，但在下拉列表中对其进行更改list@SagarGautam你能给我一些javascript或链接的例子吗？在标记中添加onclick=“myFunction（）”
，然后试试这个：