Drupal：如何将 JavaScript 值添加到隐藏表单组件

Question

我想将用户屏幕尺寸作为我的隐藏字段之一。

在纯 HTML 中，我可以获取 JavaScript 形式的输入值，例如：

document.write(screen.width + " x " + screen.height)

如果我将页面的[输入格式]设置为[完整 html] 或 [php 代码]，如果我将组件值设置为 - 则

<script>document.write(screen.width + " x " + screen.height);</script>

省略 SCRIPT 标签，并且引号变成 " 。似乎 [value] 字段已转换为安全的 HTML 实体。

有没有办法在 Drupal webforms 中添加带有 JavaScript 值的隐藏表单组件？

编辑：已解决：

1 - Copy the original
...sites/all/modules/webform/webform-form.tpl.php 
to
...sites/all/themes/myTheme/webform-form-myFormNodeId.tpl.php 


2 - Add the following lines to webform-form-myFormNodeId.tpl.php

  echo "<script>";
  echo "document.getElementById('edit-submitted-userscreen').value = screen.width + 'x' + screen.height;";
  echo "</script>";


3 - admin/settings/performance : [Clear cached data]

---

编辑： 我可以添加一些 PHP 值，如

%server[HTTP_USER_AGENT]

如何添加 JavaScript 值？

编辑2： 我尝试将节点[输入格式]更改为[php代码] 以及下面的[表单组件][值]，但它们都不起作用：

1 - drupal_add_js(screen.width + " x " + screen.height);
2 - <script>document.write(screen.width + " x " + screen.height);</script>
3 - <?php echo "<script language=\"javascript\">" . "document.write (screen.width + ' x ' + screen.height);" . "</script>"; ?>

4 - full html + 
<script>
jQuery('#edit-submitted-userscreen').val(screen.width + 'x' + screen.height);
</script>
=> in View Page Source, I see:
<input type="hidden" name="submitted[userscreen]" id="edit-submitted-userscreen" value="
jQuery(&#039;#edit-submitted-userscreen&#039;).val(screen.width + &#039;x&#039; + screen.height);


"  />

[SCRIPT标签被替换为NewLineChar ???]

=>因此，当我填写表格时，我会收到包含原始字符串的电子邮件：

userScreen: jQuery('#edit-submitted-userscreen').val(screen.width + 'x' + screen.height);

Answer 1

它很简单：

1) 在表单中定义一个隐藏字段。

$form['resolution'] = array(
  '#type' => 'hidden'
);

2) 使用 jQuery 将值应用到您的字段。

$('#edit-resolution').val(screen.width + " x " + screen.height);

已编辑

尝试在启用完整 HTML 模式的情况下将此值提供给您的文本区域。

<input type="hidden" name="submitted[userscreen]" id="edit-submitted-userscreen" value="" />

<script>
jQuery('#edit-submitted-userscreen').val(screen.width + 'x' + screen.height);
</script>

第二次编辑

<input type="hidden" name="submitted[userscreen]" id="edit-submitted-userscreen" value="" />
<script>document.getElementById('edit-submitted-userscreen').value = screen.width + 'x' + screen.height;</script>