Question

我有一个问题，我不知道如何解决它。在我的网页上，我从另一个顶点应用程序动态加载一个表（并且只有用户想要）：

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>

感谢马里奥

如果有人需要更多代码，请发表评论。

Answer 1

如果您能够更改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/

您可能还想了解具体情况：

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

如何从表中获取显示的值？

1 个答案: