Javascript 在<;脚本类型=";text/html></脚本>;

Javascript 在<;脚本类型=";text/html></脚本>;,javascript,html,Javascript,Html,我是一个新的程序员,我有一个小问题。这是我代码的一部分: <script type="text/html" id="experienceTmpl"> <li class="clearfix"> <div class="page-header no-border holder"> <a class="btn btn-icon-toggle btn-accent btn-delete stick-top-right"><

我是一个新的程序员,我有一个小问题。这是我代码的一部分:

<script type="text/html" id="experienceTmpl">

  <li class="clearfix">

    <div class="page-header no-border holder">
      <a class="btn btn-icon-toggle btn-accent btn-delete stick-top-right"><span class="md md-delete"></span></a>
      <h4 class="text-accent">Food Items
        <%=index%>
      </h4>
    </div>

    <div class="row">

      <div class="col-md-4">
        <div class="form-group">
          <input type="text" class="form-control" id="experience-company-<%=index%>" placeholder="Food Item" name="experience-company-<%=index%>">
          <label for="experience-company-<%=index%>"></label>
        </div>
      </div>

      <div class="col-md-4">
        <div class="form-group">
          <input type="text" class="form-control" id="experience-functiontitle-<%=index%>" placeholder="Price" name="experience-functiontitle-<%=index%>" data-rule-number="true">
          <label for="experience-functiontitle-<%=index%>"></label>
          <p class="help-block">Digits only</p>
        </div>
      </div>

      <div class="col-md-4">
        <div class="form-group">
          <select id="select1-<%=index%>" name="select1-<%=index%>" class="form-control" placeholder="Select" required>
              <option value="Full Plate">Full Plate</option>
              <option value="Half Plate">Half Plate</option>
              <option value="Quarter Plate">Quarter Plate</option>
          </select>
          <label for="select1-<%=index%>"></label>
        </div>
      </div>

    </div>

    <div class="form-group">
      <input type="text" multiple name="cuisine" class="tagsInput" value="Afghani,Mughlai" data-url="cuisine.json" data-user-option-allowed="true" data-load-once="true" required />
    </div>

  </li>

</script>

  • 食品 仅限数字

    全盘 半板 四分之一板
  • 我的问题是如何将此脚本添加到此html模板中,以便输入标记中的类调用此脚本:

    <script type="text/javascript">
        $('.tagsInput').fastselect();
    </script>
    
    
    $('.tagsInput').fastselect();
    

    是否可以在html模板中调用此脚本请提供解决方案我完全为空。

    我认为最好的方法是,在呈现特定脚本/html模板时,将javascript动态添加到DOM中

    详情: 在应用程序级别,您知道将在页面中呈现哪个模板。为每个模板id创建单独的JS文件,并将与活动模板相关的javascript文件注入DOM

    注:
    这就像您要创建模板引擎一样。使用现有模板引擎的最佳方法,如把手、玉石、下划线。这将节省您的开发时间并减少bug。

    您好,请尝试使用html和php编写,如果您是全新的、完全空白的,请不要使用模板和框架。首先学习php、html、css、mysql,然后尝试编写模板或使用框架(不要浪费时间)。