th:value=“${obj?.id}“,[[${obj?.dname}]]-append-prepend-thymeleaf

th:value="${obj?.id}"

表示的前台传入一个参数obj,判断obj的值是否为空,为空,值为空,不为空则为obj.id的值赋值给th:value.

var currentDname = ‘[[${obj?.dname}]]’;

thymeleaf中的内联[ [ ] ]
一.文本内联

[[…]]之间的表达式在Thymeleaf被认为是内联表达式,在其中您可以使用任何类型的表达式,也会有效th:text属性。

<p>Hello, [[${
    
    session.user.name}]]!</p>

等同于:

<p>Hello, <span th:text="${session.user.name}">Sebastian</span>!</p>

为了让内联工作,我们必须激活它使用th:inline 属性,它有三个可能的值或模式(text, javascript 和 none)。让我们试着文本:

<p th:inline="text">Hello, [[${
    
    session.user.name}]]!</p>
$('#dname').prepend("<option value=''>请选择</option>");

二.脚本内联

Thymeleaf提供一系列的“脚本”的内联模式功能,这样你就可以将你的数据在脚本中创建一些脚本语言。

我们可以做的第一件事,写脚本内联表达式的值到我们的脚本。

<script th:inline="javascript">
      var msg  = 'Hello, ' + [[${
    
    user.username}]];
      alert(msg);
</script>

如果不使用th:inline=“text”,则会被当做字符串显示。th:inline="javascript"表示能在js中使用[ [] ]取值。

prepend函数

prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。
prepend() 语法:$(selector).prepend(content) 或 $(selector).prepend(function(index,html))

prependTo() 语法:$(content).prependTo(selector)
提示:prepend() 和 prependTo() 方法作用相同。
差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。

append函数

使用函数在指定元素的结尾插入内容。

$('#dname').append("<option selected value='"+data.data[i].name+"'>"+data.data[i].name+"</option>");

猜你喜欢

转载自blog.csdn.net/qq_46199553/article/details/120551301