0

レポートが返されるWebアプリを作成しています。ユーザーがドロップダウンリストを要求した特定のパラメーターについては、一度に複数のオプションを選択できるようにすることも必要です。

たとえば、TX、WV、およびIDの状態からのすべてのトランザクションを表示します。

リストボックスではなく、要求されたドロップダウンリストを使用することにした理由は、40を超えるパラメーターから選択でき、私のページにはすでにその数のコントロールが詰め込まれているためです。

よろしくお願いします。

4

2 に答える 2

1

ドロップダウンリストを直接使用することはできませんが、できることはそれを偽造することです.

ページに非表示の ListBox を配置します。視覚的にドロップダウン リストのように見えるものを作成します (ラベル + 画像が機能します)。偽のドロップダウンリストの onclick イベント中に、リストボックスをドロップダウンリストの下に表示します。ListBox の onblur イベント中にリストボックスを非表示にします。また、いくつかの jquery を投入して、リストボックスの公開をアニメーション化し、ドロップダウンリストの外観により近づけることもできます。

于 2010-10-12T20:07:17.997 に答える
0

これを試してみてください。選択されていない選択肢にはドロップダウンがあり、選択されているにはリストボックスがあります。anton lavey の提案に似ていますが、少し複雑ではありません。

<style>
select { width: 200px; }
</style>
<body>
 <select id="sel" onchange="list.appendChild(this[this.selectedIndex]);">
  <option disabled>Select items from this list</option>
  <option value="a">a</option>
  <option value="c">c</option>
  <option value="d">d</option>
</select><br>
<select multiple="" id="list"><option value="b">b</option></select>
<button onclick="while(list.selectedIndex > -1) { sel.appendChild(list[list.selectedIndex]); }">Remove selected</button>
</body>

スキャンして挿入する適切な場所を見つけると、順序を維持できます。

于 2010-10-12T20:37:14.110 に答える