文件上传与选定的-选定的选项相结合

时间:2018-06-20 12:21:33

标签: javascript php jquery templates

我正在使用jQuery FileUpload(由BlueImp提供)。该插件使用x-tmpl作为模板。 我希望标签输入字段包含由PHP变量填充的选项。我正在尝试通过添加一些虚拟文本来制作原型。

代码:

  <td id="{%=file.id||''%}" class="tagsInput" style="display:none;">
               <select data-placeholder="Type &apos;C&apos; to view" multiple class="chosen-select-no-results" tabindex="11">
                    <option value=""></option>
                    <option  {% if(strpos(file.tags, "American Black Bear") !== FALSE) { echo 'selected'; } %{>American Black Bear</option>
                    <option  {% if(strpos(file.tags , "Asiatic Black Bear") !== FALSE) { echo 'selected';  }  %{>Asiatic Black Bear</option>
                    <option  {% if(strpos( file.tags , "Brown Bear") !== FALSE) { echo 'selected'; }  %{>Brown Bear</option>
                    <option>Giant Panda</option>
                    <option>Sloth Bear</option>
                    <option>Sun Bear</option>
                    <option>Polar Bear</option>
                    <option>Spectacled Bear</option>
                </select>
        </td>

但是这段代码给了我

  

VM34875:3未捕获的语法错误:无效或意外的令牌

此错误由tmpl.min.js生成。

如何使用file.tags检查存储在x-tmpl中的先前选择的选项?

1 个答案:

答案 0 :(得分:0)

好的..所以我发现我的帖子充满了错误的模板。 首先,我在{%%}%}%{格式上有一些错误。此外,我还以为{%%}允许我输入PHP代码使自己搞砸了。方括号内的所有内容都将保留为JS。

这对我有用:

<td id="{%=file.id||''%}" class="tagsInput" style="display:none;">
    <select data-placeholder="Type &apos;C&apos; to view" multiple class="chosen-select-no-results" tabindex="11">
        <option value=""></option>
        {% for (var t=0; t < tagsz.length; t++) {  %}
        {% if(file.tags != '' && file.tags.indexOf(tagsz[t]) >= 0) { %} <option selected>{%=tagsz[t]%}</option> {% } else { %} <option>{%=tagsz[t]%}</option> {% } %}
        {% } %}
    </select>
</td>