我正在嘗試使用 jquery 添加一些 HTML 元素。我的努力可能毫無用處。我的目的是在頁面內動態生成選擇選項,如下所示。我知道我可以用 laravel 列出選項,但是如果我用 jquery 生成選擇選項,我可以在 jquery 生成的代碼中插入 laravel 語法,如下所示。
'<div class="form-group col text-center">'
'<select name="method_body" id="method_body" class="form-control form-control-sm" required>'
'<option disabled selected>Select Method Body</option>'
'<option value="">ASTM</option>'
'<option value="">Jacobi</option>'
'<option value="">JIS</option>'
'</select>'
'</div>'
如果我在 html 中使用 laravel 開發該選擇選項,將如下所示。
<div class="form-group col text-center">
<select name="method_body" id="method_body" class="form-control form-control-sm" required>
<option disabled selected>Select Method Body...</option>
@foreach ($methodBodys as $methodBody)
<option value="{{ $methodBody->id }}">{{ $methodBody->method_body }}</option>
@endforeach
</select>
</div>
我的問題是,我可以插入上面由 jquery 生成的 foreach 回圈元素嗎?如下圖,
'<div class="form-group col text-center">'
'<select name="method_body" id="method_body" class="form-control form-control-sm" required>'
'<option disabled selected>Select Method Body...</option>'
'@foreach ($methodBodys as $methodBody)'
'<option value="{{ $methodBody->id }}">{{ $methodBody->method_body }}</option>'
'@endforeach'
'</select>'
'</div>'
但是如果我在生成的元素中添加 laravel,它只會顯示
{{ $methodBody->method_body }}
作為選擇中的選項。如果有另一種方法可以做到這一點,怎么做?請幫我解決這個問題。
uj5u.com熱心網友回復:
PHP 在任何資料傳遞到客戶端之前在服務器端運行。除此之外,Blade 是一種專有的模板語言,在呈現為 PHP 之前由 Laravel 處理。JavaScript 完全發生在用戶的瀏覽器中。
但是,您可以將值從 Laravel 作為變數傳遞到 JavaScript,以便客戶端代碼根據需要進行操作。使用@jsonBlade 指令使 PHP 變數可以安全地在您的腳本中使用:
const methodBodies = @json($methodBodys);
var html = `<div >
<select name="method_body" id="method_body" required>
<option disabled selected>Select Method Body...</option>`;
for (const methodBody of methodBodies) {
html = `<option value="${methodBody.id}">${methodBody.method_body}</option>`;
}
html = '</select></div>';
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/406147.html
標籤:
