2012-11-13 81 views
0

我有一個問題,我不知道如何解決它。 在我的網頁我從其他頂點應用程序加載表動態(只有用戶願意的話)與:如何從表中獲取顯示值?

function getParameter (filter){ 
    var url; 
    var html; 
    filter = filter.replace(/ /g,'%20') 
    url = 'http://xxx.xxx.xxx.xxxx:8080/apex/f?p=PAR_PARAMETER:1:'+APP_SESSION+ 
    ':IR_REPORT_Query_Parameter::RIR,CIR:IR_P_SYS.SZGETTEXT(T.EZS_NO):'+filter; 
html = $('#ParameterSettings').load(url +' .apexir_WORKSHEET_DATA'); 

}

能正常工作。

我現在的問題是,用戶可以選擇之間:我想編輯的值,在這種情況下,值山坳(僅顯示)將被替換爲:

'<input type="text" value="|HTML|" size="30" maxlength="4000" class="P3_PARAMETER_VALUES">' 

這也能正常工作,但我怎樣才能得到用戶現在可以進入輸入字段的值?

表bevor是編輯:

<div id="P3_PARAMETERSETTING"> 
<table> 
<thead></thead> 
<tbody> 
    <tr> 
    <tr class="even"> 
    <td headers="LINK"> 
    <td align="left" headers="P_SYS.SZGETTEXT(T.EZS_NO)">(Dist) Driving time</td> 
    <td align="left" headers="NAME">REQ.data.source.trip</td> 
    <td align="left" headers="Value">tadaaa</td> 
    <td align="left" headers="Default">0</td> 
    <td align="left" headers="P_SYS.SZGETTEXT(D.EZS_NO)">Data source for trips to use   in the query: 0 = all, 1 = online recorded data, 2 = vehicle recorded data</td> 
    <td align="left" headers="Max">2</td> 
    <td align="left" headers="Min">0</td> 
    </tr> 
</tbody> 
</table> 
</div> 

開關後編輯:

<div id="P3_PARAMETERSETTING"> 
<table> 
<thead></thead> 
<tbody> 
    <tr class="odd"> 
    <td headers="LINK"> 
    <td align="left" headers="P_SYS.SZGETTEXT(T.EZS_NO)">(Dist) Driving time</td> 
    <td align="left" headers="NAME">REQ.grid.value.size</td> 
    <td align="left" headers="Value"> 
    <input class="P3_PARAMETER_VALUES" type="text" maxlength="4000" size="30" value="tadaaa"> 
    </td> 
    <td align="left" headers="Default">60</td> 
    <td align="left" headers="P_SYS.SZGETTEXT(D.EZS_NO)">Default data query value grid size</td> 
    <td align="left" headers="Max">43200</td> 
    <td align="left" headers="Min">10</td> 
    </tr> 
</tbody> 
</table> 
</div> 

感謝 馬里奧

,如果任何人需要更多的代碼只是發表評論。

+2

你能否澄清一下你的問題是什麼?你想對你發佈的那兩張表做什麼? – Nelson

+0

mhm我以爲我是worte它。無論如何...這兩張桌子是一樣的嗎?我只是通過jQuery使得值col可編輯,這工作正常。我做了col編輯後,我得到了編輯值的問題 – Mario

回答

0

如果您能夠更改HTML,那麼最簡單的答案就是確保您爲每個新的輸入元素添加一個唯一的ID。

<input id="VALUE_1" class="P3_PARAMETER_VALUES" type="text" maxlength="4000" size="30" value="tadaaa"> 

然後你就可以用普通的JavaScript訪問

var value1 = document.getElementById('VALUE_1').value; 

你可以做這種選擇的更強大的使用JavaScript庫如jQuery:

http://jquery.com/

您可能還想看看contenteditable:

https://developer.mozilla.org/en-US/docs/HTML/Content_Editable

+0

謝謝你spex,我正在調查它。 – Mario

+0

contenteditable救了我的一天:) – Mario