Question

使用Liferay门户网站6.1.1 CE。

在我的liferay portlets jsp页面 - view.jsp中，我有一个包含2个文本字段和2个单选按钮的表单（用户只能选择一个）和一个提交按钮。

当我点击任何单选按钮时，控制转到一个正常工作的脚本功能。

现在我想将2个文本字段的值传递给脚本函数。我尝试了很多，但没有用。

我怎样才能做到这一点？

帮帮我..谢谢。

<script>
    function dif()
    {

    }
</script>

<form name="<portlet:namespace/>fm" method="post" action="<%=updateBookURL.toString()%>">
    <table>
        <tr>
            <th>Leave Application</th>
        </tr>
        <tr>
            <td>Employee <font color=red>*</font></td>
            <td>
                <input type="text" name="<portlet:namespace/>name"/>
                <input type="text" name="<portlet:namespace/>eid"  />
        </tr>

            <td>
                Date <font color=red>*</font>
                <input type="text" id="<portlet:namespace/>fd" name="<portlet:namespace/>
            </td>
            <td>
            <input type="radio" name="<portlet:namespace/>f" id="f" value="1st half" onClick="f()"/>
            First Half&=
            <input type="radio" name="<portlet:namespace/>f" id="f" value="2ndhalf" onClick="f()"/>
            Second Half
            </td>
        </tr>

        <tr>
            <td></td>
            <td><input type="submit" value="save data" size="100px"/></td>
        </tr>
    </table>
</form>

Answer 1

在javascript函数中获取文本的值在liferay中并不是什么新东西它是普通的旧javascript，以下是一些可以帮助你的链接和示例（我编写的代码将放在你定义的自定义函数中<script> ... </script>代码：

Get input text value使用：

var fdTextValue = document.getElementById("<portlet:namespace/>fd").value;

Get input text value using jQuery（唯一的问题是你必须在你的portlet或主题中包含jQuery库，因为从Liferay-6开始你默认包含Alloy UI）：
```
var fdTextValue = $("#<portlet:namespace/>fd").val();
/* or */ 
var fdTextValue = $("#<portlet:namespace/>fd").attr('value');
```

使用Alloy UI of Liferay获取输入文字值：

AUI().use(function(A) {
    var fdTextValue = A.one('#<portlet:namespace/>fd').get('value');
    /* or */ 
    var fdTextValue = A.one('#<portlet:namespace/>fd').val();
});

以下某些链接也可能会帮助您使用Alloy UI：

Answer 2

这很简单。

在js中的click事件中定义此函数。

<script>
function callFun()
{
      // Here you can use jquery easily
      var name = $("#name").val();
      alert(name);
}
</script>

liferay portlet中的JavaScript

2 个答案: