我如何根据 Laravel 中 <select> 的选定选项包含特定表格
How can i include an specific form based on the selected option of <select> in Laravel
我有 3 个选项。这些选项来自数据库。
中的每个项目都有自己的特定形式。我希望如果我 select option1,它会在同一页上显示 form1。所以不切换到其他 url
我考虑过在 blade 中使用 @include,但是如果我在做了一些 if/else 语句时打开页面,该函数会立即运行。
我不确定我是否解释得很完美,但这是代码:
选择框:
<div class="form-group">
<select class="form-control col-lg-4" name="object" id="object">
<option value="" disabled selected>Maak een keuze</option>
@foreach($house_statuses as $status)
<option value="{{$status->house_status_description}}">
{{$status->house_status_description}}
</option>
@endforeach
</select>
</div>
我想在 Jquery/js
中包含表格
<script>
$(document).ready(function () {
$('#object').on('change', function () {
var optionValue = $(this).val();
// var optionText = $("#object option:selected").value;
$.ajax({
url: "/ajax/get/" + optionValue.toLowerCase() + "", success:
function (result) {
$('#col-10').text('@include('house.form.huur')')
}
});
});
});
</script>
ajax 调用是为了获取属于表单
的变量
希望有人给我建议我做错了什么或者我可以做得更好
被调用的控制器方法(/ajax/get/" + optionValue.toLowerCase()
)的return
语句必须是你的形式HTML。
然后在您的 AJAX 成功回调中,通过 $('#col-10').html(result)
更正 $('#col-10').text('@include('house.form.huur')')
。您可能必须按照 documentation.
中所述指定 dataType
我有 3 个选项。这些选项来自数据库。 中的每个项目都有自己的特定形式。我希望如果我 select option1,它会在同一页上显示 form1。所以不切换到其他 url 我考虑过在 blade 中使用 @include,但是如果我在做了一些 if/else 语句时打开页面,该函数会立即运行。
我不确定我是否解释得很完美,但这是代码:
选择框:
<div class="form-group">
<select class="form-control col-lg-4" name="object" id="object">
<option value="" disabled selected>Maak een keuze</option>
@foreach($house_statuses as $status)
<option value="{{$status->house_status_description}}">
{{$status->house_status_description}}
</option>
@endforeach
</select>
</div>
我想在 Jquery/js
中包含表格 <script>
$(document).ready(function () {
$('#object').on('change', function () {
var optionValue = $(this).val();
// var optionText = $("#object option:selected").value;
$.ajax({
url: "/ajax/get/" + optionValue.toLowerCase() + "", success:
function (result) {
$('#col-10').text('@include('house.form.huur')')
}
});
});
});
</script>
ajax 调用是为了获取属于表单
的变量希望有人给我建议我做错了什么或者我可以做得更好
被调用的控制器方法(/ajax/get/" + optionValue.toLowerCase()
)的return
语句必须是你的形式HTML。
然后在您的 AJAX 成功回调中,通过 $('#col-10').html(result)
更正 $('#col-10').text('@include('house.form.huur')')
。您可能必须按照 documentation.
dataType