お問い合わせフォーム7オプションボックスの異なる値テキストとコンテンツテキストを選択

Question

お問い合わせフォーム7オプションボックスの異なる値テキストとコンテンツテキストを選択

- 10
- 72728 2012-06-21
お問い合わせフォーム7プラグインのselect-optionsで別の値を設定する方法を知っている人はいますか?これが私がやろうとしていることのHTMLの例です

<selct> <option value="1">My car</option> <option value="2">Your car</option> </select>
DSoes anyone know how I can set a different valute in the select-options in contact form 7 plugin? Here is an HTML example of what I'm trying to do

<selct> <option value="1">My car</option> <option value="2">Your car</option> </select>
plugins forms options plugin-contact-form-7 select

- ネイティブソリューションが存在しない場合は、jQueryの `val()`、 `show()`、および `hide()`を使用してこれを解決できます.
  
  If no native solution exists, you can solve this with jQuery `val()`, `show()` and `hide()`.
  - 0
  - 2012-06-21
  - brasofilo

2 回答

投票

- 3
- 2012-06-21
最初に標準のcontctフォーム7フォームを公開してこれを解決し、次に連絡先フォーム7のすべてのショートコードから作成されたソースコードをコピーしました.次に、ショートコードを選択タグとして使用するのではなく、実際の選択を使用しました-その中にタグを付けます.このようにして、お問い合わせフォーム7エンジンを使用すると同時に、オプションタグに独自の値テキストを設定できます...

I solved this by publishing the standard contct form 7 form first, then I copied the source code created from all the short-codes from contact form 7. Then insteaed of using the shortcode as the select tag I used a real select-tag with in it. This way I could use the contact form 7 engine and at the same time set my own value-text in the option tags...

sethetter · Accepted Answer · 2012-10-30

17

2012-10-30

これはContactForm 7でネイティブにサポートされているようですが、それを実現する方法についてはあまり明確ではありません.

機能を説明するドキュメントページは次のとおりです. http://contactform7.com/selectable-recipient-with-pipes/

基本的にあなたがしなければならないのは次のように値を置くことです:

可視値|実際のフォーム値

パイプ「|」の前にあるものフォームに文字が表示され、その後にフォームに入力された実際の値が表示されます.

お役に立てば幸いです！

これは動作しません.ドキュメントが正しくありません.

This does not work. There documentation is incorrect.
- 4
- 2015-09-16
- Solomon Closson
@SolomonClosson実際にはこれはまだ機能します.それはただファンキーです.フォームのHTMLには「raw」値は表示されませんが、リンクの最後に記載されているように、接頭辞「_raw_」を付けてアクセスできます.`YOURFIELD`ではなく` _raw_YOURFIELD`.

@SolomonClosson Actually this still works; it's just funky. The form HTML doesn't show the 'raw' value, but as the link states at the end you can access them with the prefix `_raw_`, e.g. `_raw_YOURFIELD` rather than `YOURFIELD`.
- 3
- 2015-12-04
- drzaus
これはサーバー側でのみ機能します.ドキュメントによると、これは値がブラウザクライアントに送信されないようにするためです.したがって、オプションテキスト(jQueryのtext())ではなくjavascript(jQueryのval())を使用してオプション値にアクセスする場合は、Demilioの解決.

This will work server side only. According to the documentation this is to prevent values to be sent to the browser client, so if you want to access the option value with javascript (jQuery's val()) instead of the option text (jQuery's text()), then go with Demilio's solution.
- 0
- 2017-12-23
- Herbert Van-Vliet
「data」属性を使用してselectにデータを入力する場合、これを行う方法は?

how to do that if im using the "data" attribute to populate the select ?
- 0
- 2019-01-13
- Zorox