0

「シンプルな」製品コンフィギュレーターを作ろうとしています...現在、ドロップダウンで動作しています。

ここで見ることができます（シャツの例を作成しましたが、実際には他の製品にもあるはずです）：

http://jsfiddle.net/obmerk99/9t4f4/15/

ご覧のとおり、ドロップダウンで機能します。明らかな問題は、機能を追加するのではなく、(オプション グループごとに) 置き換えることです。

私は append() を試してみました - そして、あなたはそれがコードでコメントアウトされているのを見ることができますが、その場合、それは削除されません (そして永久に追加されます - 50 div になります..

私の質問は次のとおりです。

  1. ラジオボタンとチェックボックスでも機能させるにはどうすればよいですか?
  2. 別のグループからの「オプション」を追加する方法と、同じグループからの「オプション」を「削除」する方法は?
  3. 「オプショングループ」への分割を自動的に機能させる方法は?

(理論的には、オプションごとに div を作成し、それぞれに関数を作成できることはわかっていますが、構成にはこれらの約 60 があるため、1 つの関数にしっかりとしたロジックが必要です)

編集I：

別のバグに気付きました: 同じレベルのすべてのオプション (例: 3 つのドロップダウンすべてからオプション #3) を選択してから、別のグループのドロップダウンに戻り、同じレベルを再度選択すると、機能しません..

4

2 に答える 2

0

完全な答えはここにあります：

http://jsfiddle.net/obmerk99/9t4f4/23/

于 2012-05-19T01:40:08.433 に答える
-1

チェックボックスを使用すると、問題の適切な解決策になりますいくつかのクラスを使用してそれらをグループ化して追加します

<input type="checkbox" class="option" value="9">

簡単な jquery を記述して src イメージを切り替えることができるようになりました

$('.option').change(function() {
    if(this.checked){
     $('#prod-image').attr('src', data[value].img);
    }else{
     $('#prod-image').attr('src', "");
    }
于 2012-05-09T09:31:48.333 に答える