2

私がやりたいことはかなり簡単だと思いますが、それは私（初心者）には向いていません。

たとえば、クライアントが購入できる 10 個のサービスのリストがあります。クライアントが、1 番目、2 番目、3 番目などの希望に基づいて、このサービスのリストを注文できるようにしたいと考えています。

最初に 10 個のオプションすべてを表示し、次にユーザーが 1 つを選択すると最初のオプションを削除するドロップダウン ボックスまたはチェックボックスを想定しています。

理想的には、ユーザーが選択したサービスをドロップダウンの下 (またはページの他の場所) に順番に表示し、おそらくサービスの詳細を追加して、最後に選択した順序を確認できるようにしたいと考えています。それは基本的に、その人のためのサービス実装のカスタム リストです。

これをすべて javascript/jquery と HTML (および CSS) で行うことをお勧めします。これを行う簡単な方法はありますか？

前もって感謝します！

編集 より明確にするために私がやりたいことのほんの一例です。

<select name="products" size="6"> 
<option selected>Select A Starting Product</option> 
<option value="1">Car Wash</option> 
<option value="2">Wax</option> 
<option value="3">vacuum</option> 
<option value="4">polish</option> 
<option value="5">drying</option> 
</select>

ユーザーがボックスからどのアイテムをどのような順序で選択したかに基づいて、選択された正しい順序でアイテムが選択されたリストがボックスの下に表示されます。チェックボックスでもこれを行うことができます。

ありがとう。

4

4 に答える 4

2

あなたが望むのは、正確にソートすることではありません。ユーザーが選択した順序で表示するアイテム/サービスを表示する必要があります。

サービスを選択したら、javascript 関数を呼び出し、選択したサービスを表示しているリストに新しいサービスを追加します。

$('#ddlServices').change(function() {
  // Append the new service to the list you are showing.
  var str = "";
  $("select option:selected").each(function () {
       str += $("div").text() + "<br/>" + $(this).text() + " ";
  });
  $("#divServices").text(str);
});
于 2012-07-30T13:00:28.150 に答える
2

jQuery UI の Sortable関数を探していると思います。Stack Overflow で質問する前に、調査とテストを行ってください。

于 2012-07-30T12:55:49.747 に答える
1

jQuery UI には、リスト アイテムをさまざまな順序で並べ替えることができる並べ替え可能なコンポーネントがあります。

于 2012-07-30T12:54:19.817 に答える
1

DataTablesを試してみてください。これにより、データベースからデータを取得したり、手動で入力したりできます。ユーザーはすべての列で並べ替えたり、検索ボックスを使用して動的に更新したりすることもできます。

于 2012-07-30T12:55:44.573 に答える