2012-12-10 59 views
1

使用Liferay portal 6.1.1 CE。在我的liferay portlets jsp頁面 - view.jsp中,我有一個帶有2個文本框和2個單選按鈕(用戶只能選擇一個)的表單和一個提交按鈕。liferay portlets中的JavaScript

當我點擊任何一個單選按鈕時,控制轉到一個正常工作的腳本函數。

現在我想將2個textfields的值傳遞給腳本函數。我嘗試了很多,但沒用。

我該如何做到這一點?

幫我...在提前。

<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> 
+0

@ limelights..okey ... –

+0

現在,當我已經格式化我注意到有一個''和''失蹤。格式化有幫助,不是嗎! :-) –

+0

它確定..但我需要的方式來傳遞值的函數.. –

回答

2

獲取文本的值在JavaScript函數是什麼新鮮事在Liferay中它就是普通的JavaScript中,下面是一些鏈接和例子,這將有助於你(這是我寫的代碼會去使用

  1. Get input text value:您的自定義功能,您的<script> ... </script>標籤中定義)

    var fdTextValue = document.getElementById("<portlet:namespace/>fd").value; 
    
  2. Get input text value using jQuery(與此唯一的問題是你必須包括在portlet或主題jQuery庫,因爲從Liferay的-6起已包含合金UI默認):

    var fdTextValue = $("#<portlet:namespace/>fd").val(); 
    /* or */ 
    var fdTextValue = $("#<portlet:namespace/>fd").attr('value'); 
    
  3. 獲取輸入的文本值使用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(); 
    }); 
    

    以下一些環節還可以幫助您在使用合金UI:

    1. Working with Elements and Events with Alloy UI
    2. Alloy UI API
+0

@ Prakash ..thanks..i會嘗試這個 –

0

這是非常簡單的。

點擊事件然後在js中定義這個函數。

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