0

どうすれば解決できるかわからない問題があります。私のWebページでは、次のように他のapexアプリケーションからテーブルを動的に（そしてユーザーのみが）ロードします：

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');

}

これはうまくいきます。

私の問題は、ユーザーが次のいずれかを選択できることです。値を編集したいのですが、この場合、値 col (表示のみ) は次のように置き換えられます。

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

これも問題なく動作しますが、ユーザーが入力フィールドに入力できる値を取得するにはどうすればよいですか?

編集可能になる前のテーブル:

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

ありがとうマリオ

さらにコードが必要な場合は、コメントを残してください。

4

1 に答える 1

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;

jQueryのようなJavaScriptライブラリを使用すると、この種の選択をより強力にすることができます。

http://jquery.com/

また、contenteditableを調べることもできます。

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

于 2012-11-13T18:08:35.890 に答える