フォームモジュールを構築しています。初期のフィールドの1つは、ラジオボタンのセットです。デフォルトでは、最初のボタンが選択されています。次に、一連の選択ボックスがあります。 1つは目に見える必要があり、もう1つは目に見えないものです。ユーザーが別のラジオボタンを選択すると、異なる選択ボックスが表示または非表示になります。どのようにフィールドとラベルをデフォルトで非表示にし、後でそのラジオボタン(または別の選択ボックスオプション)を選択するかによってそれを表示できますか?drupal:フォームAPI。入力に基づいてフィールドを動的に非表示または表示します。
答えて
これを実現するには#states
プロパティを使用できます。 #states
プロパティは、すべてのForm APIエレメントに適用できます。
例はdocumentation linkです。
希望があれば...ムハンマド。
ありがとう!私はAPIを見ていましたが、そこにたくさんあるので、これは簡単に逃しました。 – LoneWolfPR
それは本当に助けて喜んで:)... - ムハンマド。 –
「条件付きフィールド」モジュールを使用することもできます。 リンク:https://drupal.org/project/conditional_fields フィールドに特定の値があるときに表示するフィールドを選択できるコンテンツタイプを作成する際に、[依存関係の管理]タブが表示されます。
#statesの簡単な使用例:私は私の携帯電話上だ名前を持つ別のフィールド「タイプは」価値「の販売」を持っている場合にのみ、「アイテムの名前の選択フィールドを表示するには
$form['item'] = array(
'#title' => t('Task Item'),
'#type' => 'select',
'#states' => array(
// Only show this field when the value of type is sell.
'visible' => array(
':input[name="type"]' => array('value' => 'sell'),
),
),
);
これはどのフックで使用されますか? –
- 1. フォームの入力フィールドに基づいてdivを表示/非表示
- 2. 検索入力に基づいてdivを表示/非表示
- 3. 動的に列を非表示にするユーザーの入力に基づいて
- 4. 入力フィールドに基づいて他のフィールドを非表示/無効にする
- 5. 角2の動的フォーム他の値に基づいてフィールドを表示/非表示にする方法
- 6. Magento:選択した国に基づいて入力フィールドを表示/非表示にする
- 7. テキストフィールドのユーザー入力に基づくチェックボックスを非表示/表示
- 8. グループの形状を入力に基づいて表示/非表示にする
- 9. 入力フィールドに含まれる値に基づいて非表示divを表示
- 10. 角度jsを使用してドロップダウンで選択した入力に基づいてフォームのフィールドを非表示
- 11. jQueryを使用して別の入力値に基づいて入力を表示/非表示にする
- 12. ng-if条件に基づいて入力フィールドを表示
- 13. フォームにドロップダウン選択に基づく非表示入力を出力する
- 14. フィールド名(jQuery)に基づいてSharePoint表示フォームのフィールドを非表示にする方法?
- 15. HtmlRadioButtonForの値に基づいて入力フィールドを非表示/表示し、表示する場合は必須にします
- 16. スパンの動的値に基づいてDivを表示/非表示
- 17. ユーザーの入力に基づいて入力フィールドにデータを表示
- 18. フォームの値に基づいて可視性を表示/非表示にする
- 19. var値に基づいて動的JSボタンを非表示
- 20. 子どものコンテンツに基づいてdivを非表示または表示
- 21. Drupalフォーム上のファイルアップロードボタンを非表示にして何かを表示します。
- 22. フィールド値に基づいてカスタムボタンを非表示にする
- 23. コンボボックス内の選択に基づいてGSPのフィールドを表示または非表示にする方法
- 24. Javascript:ページタイトルに基づいてdivを表示/非表示にします。
- 25. 角度:以前の選択または入力に基づいてフォームに入力を表示
- 26. タイマーに基づいてフォームを表示
- 27. 曜日に基づいてdivを表示/非表示しますか?
- 28. angularjs divを表示して入力フィールド内をクリックし、非表示にすると非表示にする
- 29. 別のフィールドの非表示プロパティに基づいてフィールドを非表示にする
- 30. 入力フォームの横にある非表示のアイコンを表示します。
はそう」することができますリンクが簡単に見つかります。フォームAPI Referencをチェックすると、設定する#ajaxプロパティが表示されます。それが私たちが通常やる方法です。しかし、生のJavaScriptやjqueryもオプションです。 –