我有3个选项。这些选项来自数据库。每个项目都有一个特定的自己的形式。我希望如果我选择option1,它会在同一页面上显示form1。所以没有切换到其他网址我想在刀片中使用@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调用用于获取属于表单的变量
希望有人建议我做错了什么或我能做得更好
被调用控制器方法(return
)的/ajax/get/" + optionValue.toLowerCase()
语句必须是您的表单HTML。
然后在你的AJAX成功回调中,通过$('#col-10').text('@include('house.form.huur')')
更正$('#col-10').html(result)
。您可能必须按照dataType
中的说明指定documentation。