ドロップダウンから simplecart js カートに情報を渡そうとして、人生の少なくとも 2 日を失ったので、助けていただければ幸いです。
「make」ドロップダウンと「model」ドロップダウンから simplecartjs に値を渡そうとしていますが、これを行う方法がわかりません。2 番目のドロップダウンは、最初のドロップダウンの選択に基づいて入力されます。これらの値を読み取るカートに追加するボタンを作成するにはどうすればよいですか? ドロップダウン コードは次のとおりです。
<script>
$(function() {
$("#json-one").change(function() {
var $dropdown = $(this);
$.getJSON("compatibility.json", function(data) {
var key = $dropdown.val();
var vals = [];
switch(key) {
case 'Canon':
vals = data.Canon.split(",");
break;
case 'Nikon':
vals = data.Nikon.split(",");
break;
case 'base':
vals = ['Please choose from above'];
}
var $jsontwo = $("#json-two");
$jsontwo.empty();
$.each(vals, function(index, value) {
$jsontwo.append("<option>" + value + "</option>");
});
});
});
});
</script>
そして、ここにドロップダウンhtmlがあります:
<select id="json-one">
<option selected value="base">Camera Model</option>
<option value="Canon">Canon</option>
<option value="Nikon">Nikon</option>
</select>
<br />
<select id="json-two">
<option>Please choose from above</option>
</select>
私の人生では、これらの選択を読み取ってカートに追加ボタンに渡す方法がわかりません。何か案は?