1
4

1 回答 1

1

您将需要 javascript 来执行此操作。正如您所说,您的 javascript 不是那么流利,我将在这里使用 jQuery 以一种简单的方式说明您需要做什么。请注意,它可以用纯 javascript 或使用另一个库来完成。

首先,您需要添加一个隐藏字段,该字段将包含您要与表单的其余部分一起提交的值,然后您需要使用 javascript 获取所选选项的值/单击并将其放入隐藏字段:

我还将在表格单元格中添加一个 ID,以便更轻松地选择正确的元素并捕获事件:

html:

<td valign="top" id="I_am_a">
    <input type="hidden" name="I_am_a">
    <a><p style="background:#ffffff;">I am...</p></a>
    <a href=""><p>an artist.</p></a>
    <a href=""><p>an educator.</p></a>
    <a href=""><p>a student.</p></a>
    <a href=""><p>a curator.</p></a>
    <a href=""><p>other...</p></a>
</td>

javascript(假设包含 jQuery):

$("#I_am_a a").on('click', function(e) {
  e.preventDefault();                    // prevent the default click action
  $("#I_am_a input")
      .val( $(this).find("p").text() );  // assign the text contents of the
                                         // paragraph tag in the clicked a
                                         // to the input element
});

像这样的事情应该这样做。

于 2012-07-18T17:36:32.753 回答