使用Dependent下拉菜单时在数据库中存储ID，而不是名称- Laravel/JS
在使用Dependent下拉菜单时，通常会在数据库中存储关联的ID，而不是显示的名称。这样做有几个基础概念和优势：
基础概念
- 主键和外键：在数据库设计中，主键（Primary Key）是唯一标识表中每一行数据的字段，而外键（Foreign Key）是用来建立两个表之间关系的字段。
- 数据完整性：通过存储ID而不是名称，可以确保数据的完整性和一致性。名称可能会变化，但ID通常是不变的。
优势
- 唯一性：ID是唯一的，可以确保每个记录的唯一性。
- 性能：在数据库查询时，使用ID通常比使用名称更快，因为ID通常是整数类型，而名称可能是字符串类型。
- 灵活性：如果名称发生变化，只需要更新一个地方（即名称字段），而不需要更新所有引用该名称的地方。
类型
- 单选Dependent下拉菜单：用户只能选择一个选项。
- 多选Dependent下拉菜单：用户可以选择多个选项。
应用场景
- 表单：在表单中选择关联的数据，例如选择国家时，先选择洲，再选择国家。
- 数据管理：在管理系统中，选择关联的数据进行操作，例如选择部门时，先选择公司。
示例代码
以下是一个简单的Laravel和JavaScript示例，展示如何实现Dependent下拉菜单并在数据库中存储ID。
Laravel后端
// routes/web.php
Route::get('/dependent-dropdown', [DependentDropdownController::class, 'index']);
Route::post('/dependent-dropdown', [DependentDropdownController::class, 'store']);
// app/Http/Controllers/DependentDropdownController.php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Country;
use App\Models\State;
class DependentDropdownController extends Controller
{
public function index()
{
$countries = Country::all();
return view('dependent-dropdown', compact('countries'));
}
public function store(Request $request)
{
$validatedData = $request->validate([
'country_id' => 'required',
'state_id' => 'required',
]);
// 存储数据到数据库
$data = [
'country_id' => $validatedData['country_id'],
'state_id' => $validatedData['state_id'],
];
// 保存数据到数据库
// ...
return redirect()->back()->with('success', 'Data saved successfully!');
}
}JavaScript前端
<!-- resources/views/dependent-dropdown.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dependent Dropdown</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form action="/dependent-dropdown" method="POST">
@csrf
<label for="country">Country:</label>
<select id="country" name="country_id">
<option value="">Select Country</option>
@foreach ($countries as $country)
<option value="{{ $country->id }}">{{ $country->name }}</option>
@endforeach
</select>
<label for="state">State:</label>
<select id="state" name="state_id">
<option value="">Select State</option>
</select>
<button type="submit">Submit</button>
</form>
<script>
$(document).ready(function() {
$('#country').change(function() {
var countryId = $(this).val();
$.ajax({
url: '/get-states',
method: 'GET',
data: { country_id: countryId },
success: function(response) {
var options = '';
$.each(response.states, function(key, state) {
options += '<option value="' + state.id + '">' + state.name + '</option>';
});
$('#state').html(options);
}
});
});
});
</script>
</body>
</html>参考链接
常见问题及解决方法
- AJAX请求失败：确保服务器端路由和控制器方法正确配置，并且前端AJAX请求的URL正确。
- 数据不显示：检查数据库连接和查询语句，确保数据正确加载。
- ID和名称不匹配：确保前端和后端的数据一致性，特别是在更新数据时。
通过以上步骤和示例代码，可以实现一个基本的Dependent下拉菜单，并在数据库中存储关联的ID。
相关·内容
我正在使用dependent dropdown select。我试图从列表中获取值名以存储在我的数据库中，但我只获得了索引(number)。如何解决这个问题？你能帮我吗？form-group col-md-4"> <select name="state"class="form-control
浏览 29提问于2020-05-04得票数 0
回答已采纳
1回答
我有一个单独的js文件到laravel公用文件夹中，我已经将我的路径标记到了web.php中，我可以在刀片文件中使用它们，但是当尝试在js文件中使用它们时会出错。:"{{route('cats.fetch')}}", data:{select:select, value:value, _token:_token, depe
浏览 1提问于2020-01-30得票数 1
首先，我要指出，这只适用于/list/ view，而不适用于其他视图。这与下拉菜单无关。我有两张桌子：书籍- id -标题-作者
在Books form (创建/编辑)中，我可以让"author“字段显示作者的名称(来自Author表而不是id)，但是，当我查看/list/ 时，它会显示作者的id而不是<
浏览 5提问于2013-12-27得票数 0
1回答
下拉显示正确值
、、
在我的组合框中有两个值。汽车和自行车，当用户选择其中之一，它将存储在数据库中的1或2。但我如何确保当用户编辑它时，选择的值显示出来。例如，我已经将自行车保存在数据库中，而不是当用户想要编辑它时，它必须显示自行车而不是汽车！
我在和laravel合作。$route->id !!}">{!! $route-&g
浏览 1提问于2015-09-06得票数 1
回答已采纳
我正在使用Laravel 7和PHP7.4。
我正在尝试使用ajax将一个依赖的下拉列表放到我的表单中。我将在ajax响应中向下拉列表发送column_id和列。我的下拉列表非常好，但是我的数据库查询或ajax响应都很混乱。我的下拉列表显示列的值，但是当我试图保存到数据库中时，它只保存列的"Id“，而不是值。我只想将column_id和
浏览 2提问于2020-08-18得票数 0
回答已采纳
我正在开发一个使用Rails和jQuery的应用程序。我想通过输入表单提交一个id整数值，但仍然向用户显示一个友好的文本值，而他正在填写表单。文本输入字段使用jQuery自动完成，因此一旦用户选择一个条目，就会在输入字段中输入一个整数值。有没有办法显示与实际提交的值不同的值？
浏览 0提问于2011-08-23得票数 5
回答已采纳
我在informix数据库中有一个名为test的用户。
当我尝试配置与该用户的OBDC连接时，我得到一个名为test@pcname.mynetwork.local的无效用户的错误。
浏览 4提问于2012-11-28得票数 1
我想使用g: country store来存储确切的国家名称。例如德国，而不是DEU。它是下拉菜单中的值。下拉文本是德国，但是当它将其保存到数据库中时，它将更改回国家代码。只是为了有一个简单的方式来显示国家的列表，并将能够存储国家的真实名称，而不是国家代码。谢谢!
浏览 1提问于2010-05-26得票数 2
1回答
我需要关于laravel的清晰信息。
如果我在authProvider文件中将驱动程序改为护照，而不使用api，它会影响我的正常行为吗？如果我使用API (护照
浏览 1提问于2019-03-26得票数 1
这些位置存储在mysql数据库中，并且有一个id (colomn: id和column: location)。我有一个从数据库中的这些记录生成的下拉菜单：假设比利时是我的数据库<
浏览 8提问于2012-10-29得票数 0
回答已采纳
2回答
$now = now();
$user = new Tb_user; $user->password = Hash::make($request->user_pw);
$user->name
浏览 2提问于2021-08-16得票数 0
回答已采纳
在Laravel 5文档中，php artisan config:cache将所有应用程序配置存储到一个文件中，这使得应用程序的加载速度更快。我想知道两件事：
第一件事是，如何强制Laravel停止缓存我的应用配置？例如，我希望Laravel从.env文件或database.php配置文件中读取数据库的名称和密码，而不是从缓存的数据中读取。第二件事是，La
浏览 0提问于2015-04-19得票数 56
回答已采纳
我已经为Laravel安装了Voyager。我不明白其中的关系，也不明白为什么每次它都会给我一个下拉菜单。以下是我所做的工作： Image showing relations 如您所见，我已经创建了一个关系"Coupon“"belongsTo”"users“ 在优惠券表格中，我创建了一个user_id列。所有我想要的是用户id显示在下一页，以便我可以保存到数据库时，用户创建优惠券。问题是，当我以用户身份登录并创建优惠券<e
浏览 21提问于2019-02-24得票数 0
1回答
我的代码是返回字段的编号，而不是像汽车品牌那样的名称： <option value="我的javascript代码是：
<select id="marca" name="marca" class="form-control">php
浏览 0提问于2018-08-23得票数 0
回答已采纳
我正在使用Laravel Excel Imports https://docs.laravel-excel.com/3.1/imports/ 在此帮助下，我编写了AccessoryImport.php我想导入我的csv文件，它接受三个输入-供应商名称、条形码和描述。供应商名称存储在供应商表中，响应id存储在附件表中。 但如果供应商已
浏览 14提问于2021-11-18得票数 0
我正在用Laravel制作一个Web应用程序，其中的一部分是用户指定他们居住的地方。当他们在country select中选择一个国家时，会使用AJAX将该国家的州填充到州输入(“下拉菜单”)中。当他们选择一个州时，它使用AJAX用该州的城市填充cities输入(“下拉菜单”)。世界上有如此多的州和城市，以至于州和城市的mySQL表将根据用户的输入进行填充。如何使用Laravel和jQuery进行s
浏览 1提问于2016-03-06得票数 0
需要使用路由显示project name而不是id。我这样做了，但如果我也需要控制器中的id，因为我使用它来获取相关的project images和其他东西。这是怎么做到的。$pro = Projects::where('pro_title', $name)->first();
$proImg = ProjectsImages::where('image_id', $id)
浏览 2提问于2016-10-13得票数 0
回答已采纳
C++工作草案N3337的相关引文：
如果类成员访问中的id表达式是窗体类名称或命名空间名称的限定id：：.后面的类名称或命名空间名称。或者->操作符是，首先在对象表达式的类中查找，如果找到名称，则使用名称。否则，它将在整个后缀表达式的上下文中查找。注意:参见3.4.3，它描述了在:：之前查找的名称</
浏览 3提问于2013-08-13得票数 4
回答已采纳
我用laravel 4定义了一条路线，看起来是这样的：例如，在url中，它显示/ book/1，现在我要问的是，是否有一种方法可以代替显示书的名称，但也可以将id作为一个参数保存在路由中，以供SEO使用
提前感谢
浏览 2提问于2015-01-08得票数 6
回答已采纳
1回答
class Attribuition < ApplicationRecordendclass User < ApplicationRecordhas_many :attribuitions,
浏览 1提问于2018-11-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
