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 に答える