-1

複数選択オプションを使用したい単純な都市のドロップダウンがあります。そのために、selectタグの複数の属性を使用しましたが、それを使用すると、ドロップダウンが複数選択オプションのあるボックス型の領域に変換されました。私が望むのは、ドロップダウンの外観をそのままにしておくことです。つまり、選択ドロップダウンをクリックすると表示され、CTRL で複数の都市を使用でき、その値が PHP スクリプトで使用されます。複数のjqueryスクリプトを見てきましたが、jqueryなどを使用する代わりにこれを行う簡単な方法があるかどうか知りたいと思いました. これを行う簡単な方法はありますか???

4

3 に答える 3

0

原則として、のsize=1属性selectはブラウザに1つのオプションのみを表示するように指示し、スクリプトを使用してsizeプロパティの値を変更し、ドロップダウン効果を作成できます。実際には、ほとんど機能しません。

より実用的なアプローチは、select最初に要素の高さを設定してから、マウスオーバー時とフォーカス時に高さを変更することです。残念ながら、ブラウザの動作は要素のサイズ設定で一貫していませんが、結果は許容できる可能性があります。オプションのフォントサイズはデフォルトで縮小されているため、サイズ設定には少し注意が必要です。この例では、emユニットを簡単に使用できるように、フォントサイズを100％に設定するだけです。

option { height: 1.3em; font-size: 100%; }
select { height: 1.3em; font-size: 100%;  }
select:hover, select:focus { height: 13em; }

結果は、一部のブラウザでは少し小さすぎ、一部のブラウザでは少し大きすぎます。IEには、実際にドロップダウンであることを示す矢印が表示されません。

于 2013-03-09T08:37:22.357 に答える
0

以下のコードを試してください：

<select id="city" multiple="multiple" name="city[]">
    <option>hawaii</option>
    <option>michigan</option>
    <option>southfield</option>
</select>

そしてあなたはphpで複数の都市の価値を得る

echo $_POST['city'];
于 2013-03-09T07:04:00.233 に答える
0

HTML ドロップダウンはそのように作成され、複数選択はできませんが、このような jquery プラグインを使用してそれを行うことができ、そのようなプラグインを自分で作成するよりもはるかに簡単です。

于 2013-03-09T08:32:14.940 に答える