如何使用jQuery创建流畅的html元素

Question

How can I create with jQuery a Fluid element, like:

<f:form.upload property="{something}" additionalAttributes="{form:someProperty(element: element, property: 'myProperty'}"></f:form.upload>

I tried to write something like:

var input = <f:form.upload property="{something}" additionalAttributes="{form:someProperty(element: element, property: 'myProperty'}"></f:form.upload>;
$(div).append(input);

But it will render litteraly the content of var input .

---

In other words.

What I get now wit my jQuery:

<input type="file" name="tx_form_formframework[application][fileupload]">

What I want:

 <input type="file" name="tx_form_formframework[application][fileupload]"> 

Answer 1

in short: you can't. This is because the <f:*> tags and {variables} are being processed on the server, not on the client.

Jquery could try to grab the processed HTML bits from the server via an HTTP request, but that's pretty much it :)

Answer 2

在某些情况下，可以预先通过Fluid创建表单字段，但是可以将其隐藏，直到用户执行定义的操作为止。