1

現在、2 つのボタン (入力送信) の [保存]、[保存して実行] があり、3 つ目の [保存して閉じる] を追加しようとしています。不動産の関係で、ここには 3 番目のボタンを配置する余地がないため、それらを組み合わせて何らかのドロップダウンにすることを考えています。

A と非表示の div を使用する css がおそらくより良い解決策であることは承知していますが、アプリが含まれているインターフェイスでコード化される方法のため、これらはバックエンドの順序で INPUT または BUTTON である必要があります (a node.js のような派生物) を取得します。

このようなものを作る方法はありますか？

見せるだけ

|"Save"|

ただし、オプションが存在する場合 (他のスクリプト パラメータに基づく)、次のように下向き矢印を表示します。

 |"Save *down*"|

その下にマウスオーバーすると、2 つ (または 1 つ以上) のサブオプションが表示されます。

| "and go" | "and close" |

重要な点は、3 つの条件をすべて提出する必要があることです (移動または終了せずに保存することもできます)。

繰り返しますが、3 つすべてが入力 type='submit' である必要があるため、この状態でホバー状態などを操作する方法がわかりません。通常は、a:hovers とインテントでリストとサブリストを使用します。

私は jquery を実行していて、html 5 をセットアップしているので、標準的なフロント エンドの機能はすべて使用できますが、バック エンドでは扱いが難しくなります。

これを吸うための「より良い方法」に関するアドバイスはありますか?

4

2 に答える 2

1

次のような選択ドロップダウンを作成します。

<select onchange="this.form.submit()">
    <option value="save">Save</option>
    <option value="save&go">Save & Go</option>
    <option value="save&close">Save & Close</option>
</select>

保存、保存して実行、保存して閉じるの 3 つのオプションを指定します。

于 2013-03-21T15:11:16.647 に答える
0

私にはデザインの問題のように見えます。「保存」ボタンがあるだけです。保存時に、「実行」ボタンと「閉じる」ボタンのあるダイアログボックスを表示します。ユーザーが「実行」ボタンと「閉じる」ボタンのどちらも選択したくない場合に備えて、ダイアログボックスの右上に「X（ダイアログを閉じる）」を表示できます。

于 2013-03-21T18:46:02.933 に答える