根据下拉选择自动填充文本框(Laravel和Javascript帮助!
Make a text box automatically fill depending on drop-down selection (Laravel and Javascript help!)
我希望根据用户从同一页面的下拉列表中选择的内容自动填充页面中的一些文本框。
就像,如果用户进行选择,则自动填充数据库中的相关信息。然后,如果用户更改了所选内容,请动态更新和更改文本框中的信息以匹配所选内容。
到目前为止,如果我对选择进行硬编码,我所能做的就是显示一些数据库文本(当然,这只会显示相同的内容,而与用户所做的无关)。
假设我正在从数据库中名为info_description的特定字段中提取一些信息:
$fill = 'DB::table('tbl_information')->where('id', 1)->pluck('info_description');
它被传递给刀片.php文件,如下所示:
return view('pages.information')
->with('fill', $fill);
我的刀片中有以下内容.php文件
<div class="form-group">
<label class="col-md-4 control-label">app method</label>
<div class="col-md-6 input-group-sm">
{!! Form::text('text', $fill) !!}
</div>
</div>
我想我需要一些JavaScript来帮助我解决这个问题,但我完全不知道如何去做。如果有人可以指导我,我真的可以使用一些帮助和指导。
我怎样才能做到这一点?
这应该会给你一个良好的开端。
路线.php
Route::get('/infos/{id}', 'InfoController@getInfo');
信息控制器.php
public function getInfo($id)
{
$fill = 'DB::table('tbl_information')->where('id', $id)->pluck('info_description');
return Response::json(['success'=>true, 'info'=>$fill]);
}
应用.js
$("#info_id").change(function() {
$.ajax({
url: '/info/' + $(this).val(),
type: 'get',
data: {},
success: function(data) {
if (data.success == true) {
$("#info_id").value = data.info;
} else {
alert('Cannot find info');
}
},
error: function(jqXHR, textStatus, errorThrown) {}
});
});
.HTML
<select name="info_id" id="info_id">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<textarea name="info_area" id="info_area" cols="30" rows="10"></textarea>
相关文章:
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- Laravel 5.2动态下拉选择不填充(javascript)
- Laravel 4 render() PDF with Javascript
- PHP Vars to JavaScript Laravel 5.2
- 使用 JavaScript 显示 Laravel's Variable
- Laravel-javascript与英镑和欧元的问题
- javascript inside laravel 5
- 将数据从Javascript传递到Laravel控制器
- 没有获得基础's的Javascript元素工作(与Laravel和Elixir)
- 使用Bootstrap Datepicker,Javascript和Laravel查询转到给定的链接
- JavaScript确认取消在Laravel表单上不起作用
- 如何将javascript日期传递到laravel 4 API时间戳
- 外部JavaScript未在Laravel 5中运行
- 如何处理php(Laravel-api)和javascript(AngularJS)之间的日期时间
- Laravel 在 javascript 中的雄辩关系问题
- 根据下拉选择自动填充文本框(Laravel和Javascript帮助!
- Laravel-javascript不工作,但没有错误
- Laravel/Javascript:在选择不同的选择/下拉列表后填充选择/下拉列表
- Laravel Javascript图像交换下拉列表
- 是否有可能防止用户在laravel/javascript中关闭浏览器或在关闭事件之前将所有内容保存在数据库表中?