2016-01-18 97 views
2

我使用colorbox創建一個電子郵件提交對話框,該對話框將預先填充主要在服務器端生成的數據,但我還需要來自客戶端(父/調用頁面)上的輸入框的一些數據。 。colorbox post form values

我的問題是,jquery似乎沒有在數據對象中工作。在下面的示例中,authorisation_number似乎沒有解析爲該字段中的值。當我檢查服務器上的POST數據時,authorisation_number是空的,儘管它們是輸入字段中的文本,當我點擊按鈕啓動模式時。

// MODAL: Email Someone 
    $("#email_person").colorbox({ 

       width: "760", 
       height: "800", 
       data: { 
        template    : 'email-person-auth', 
        callref    : 12345, 
        email_add   : '[email protected]', 
        authorisation_number : $('#authorisation_number').val() 
       } 
    }); 

HTML

<input type='text' name='authorisation_number' id='authorisation_number'> 
<input type='button' class='submit_button' id='email_person' value='Email Someone' href='{{ url("customer-services/send-email") }}' > 

有誰知道如何從父頁面添加數據發佈?

+0

你可以看到這個帖子http://stackoverflow.com/questions/3918606/post-form-results-into-colorbox-modal?rq=1 –

+0

謝謝,但我已經讀過。它沒有回答你如何從父頁面發佈變量數據的問題,例如用戶輸入到輸入欄中的值。 – fergusjk

+0

關於此的更新。如果該字段在頁面加載時被賦予了一個值,那麼它看起來像是jQuery在數據對象中工作,但我需要檢查它的最新值 fergusjk

回答

0

因此,解決辦法各地播放後,似乎是你拿模態實例文檔準備功能

function emailPerson() { 

      $("#email_person").colorbox({ 

       width: "760", 
       height: "800", 
       data: { 
        template    : 'email-person-auth', 
        callref    : 12345, 
        email_add   : '[email protected]', 
        authorisation_number : $('#authorisation_number').val() 
       } 
      }); 
} 

之外,然後你可以使用

$("#email_person").click(function() { 
    emailPerson(); 
}); 

希望這個解決方案能夠幫助別人。