【问题标题】:How to enter php variable values ​into javascript如何将php变量值输入到javascript中
【发布时间】:2020-04-10 20:20:27
【问题描述】:

我想在我的 javascript 中使用 Twig 语法创建一个循环,这可能吗?如果是,我如何在 javascript 中访问{{$ t-> name}}

到目前为止,我已经对此进行了测试:

Javascript


var faqs_row = 0;
function addfaqs() {
    html = '<tr id="faqs-row' + faqs_row + '">';
    html += '<td><select class="form-control" name="tim">@foreach ($tim as $t)<option value="{{ $t->id }}">{{ $t->name }}</option>@endforeach</select></td>';
    html += '<td class="mt-10"><button class="badge badge-danger" onclick="$(\'#faqs-row' + faqs_row + '\').remove();"><i class="fa fa-trash"></i> Delete</button></td>';
    
    html += '</tr>';
    
    $('#faqs tbody').append(html);
    
    faqs_row++;
}

查看

<td>
    <select class="form-control" name="tim">
        @foreach ($tim as $t)
            <option value="{{ $t->id }}">{{ $t->name }}</option>
        @endforeach
    </select>
</td>

请帮帮我

【问题讨论】:

  • 你能补充一些细节吗,你想用Javascript做所有事情吗?你想执行循环吗?你的 javascript 文件在哪里? $tim 是什么?
  • 好吧,我们开始去某个地方,所以当点击new时你执行addfaqs函数?我再问一次你的javascript是在哪里写的?在页面底部,在一个单独的文件中? $timarrayarrayCollectionfruit 是什么?

标签: javascript php laravel foreach laravel-5.8


【解决方案1】:
var faqs_row = 0;
function addfaqs() {
html = '<tr id="faqs-row' + faqs_row + '">';
    html += '<td><select class="form-control" name="tim">';
    @foreach ($tim as $t)
        html += '<option value="{{ $t->id }}">{{ $t->name }}</option>';
    @endforeach
    html += '</select></td>';
    html += '<td class="mt-10"><button class="badge badge-danger" onclick="$(\'#faqs-row' + faqs_row + '\').remove();"><i class="fa fa-trash"></i> Delete</button></td>';

    html += '</tr>';

$('#faqs tbody').append(html);

faqs_row++;
}

【讨论】:

  • 所以不能添加新的
【解决方案2】:

为什么不直接使用 php。我创建了单独的演示。

<?php
    $fruits = ['apple','banana','orange','grape'];
    $options = "";
    foreach ($fruits as $fruit) {
        $options .= "<option>".$fruit."</option>";
    }
?>

<select>
    <?php echo $options?>
</select>

也许这会有所帮助

【讨论】:

    猜你喜欢
    • 2012-07-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-04
    相关资源
    最近更新 更多