Question

我将值传递给我的js文件时遇到问题。我尝试根据http://feather.elektrum.org/book/src.html和其他帖子执行此操作，但它不起作用。

我的html文件

    <script type="text/javascript">
       var user = 'example_of_user_name';
    </script>
    <script type="text/javascript" th:src="@{/js/file.js}"></script>

在我的file.js中我想做那样的事情

   content[0] = '<div class="thumbnail">\
            <form style="display:inline" method="POST" action="/..." class="from-horizontal">\
            <input type="hidden" id="player" value=user name="player" />\
                <button class="btn btn-info" type="submit">Submit</button>\
             </form>\
               </div>'

但我输入中的这个值始终为null。当我在输入中静态分配值时，一切正常。

     <input type="hidden" id="player" value='example_of_user_name' name="player" />\

修改

我的命名空间

    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring3-3.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

评论后我也尝试了

      content[0] = '<div class="thumbnail">\
    <form style="display:inline" method="POST" action="/..." class="from-horizontal">\
    <input type="hidden" id="player" value=' + user + ' name="player" />\
        <button class="btn btn-info" type="submit">Submit</button>\
     </form>\
     </div>';

或

    document.getElementById('player').value = user;

但它不起作用。我仍然得到nullpointer。

Answer 1

试试这个

HTML

<script type="text/javascript">
   var user = 'example_of_user_name';
</script>
<script type="text/javascript" src="/js/file.js"></script>

你的js文件

var content = new Array();

content[0] = '<div class="thumbnail">\
        <form style="display:inline" method="POST" action="/..." class="from-horizontal">\
        <input type="hidden" id="player" value=' + user + ' name="player" />\
            <button class="btn btn-info" type="submit">Submit</button>\
         </form>\
           </div>';

jsfiddle

Answer 2

您可以使用Javascript：

将值分配给表单元素

document.getElementById('player').value = user;

将值从html传递给js文件

2 个答案: