将值从jQuery下拉列表传递到simplecart.js
我已经浪费了至少两天的时间试图将我的下拉列表中的一些信息传递到simplecart js购物车,因此我非常感谢您的帮助 我试图将“make”下拉列表和“model”下拉列表中的值传递给simplecartjs,但我不知道如何实现。我的第二个下拉列表是根据第一个下拉列表的选择填充的。如何创建一个读取这些值的“添加到购物车”按钮?以下是下拉代码:将值从jQuery下拉列表传递到simplecart.js,jquery,dropdownbox,Jquery,Dropdownbox,我已经浪费了至少两天的时间试图将我的下拉列表中的一些信息传递到simplecart js购物车,因此我非常感谢您的帮助 我试图将“make”下拉列表和“model”下拉列表中的值传递给simplecartjs,但我不知道如何实现。我的第二个下拉列表是根据第一个下拉列表的选择填充的。如何创建一个读取这些值的“添加到购物车”按钮?以下是下拉代码: <script> $(function() { $("#json-one").change(function() {
<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>
就我个人而言,我不知道如何阅读这些选择并将它们传递到“添加到购物车”按钮。有什么想法吗?这样不行吗?基本上取自simplecartjs.org文档 如果不满足要求,则返回false
<script>
$(function(){
/* current stuff */
})();
simpleCart.bind( 'beforeAdd' , function( item ){
if( item.get( 'make' ) === '' || item.get( 'model' ) === ''){
// If the dropdowns are empty or it you set them to none etc
alert('Please remember to select a make and model');
return false; // prevents item from being added to cart
}
});
</script>
然后把你的东西放到货架上
<div class="simpleCart_shelfItem">
<h2 class="item_name"> Awesome T-shirt </h2>
<p>
<select class="item_make" id="json-one">
<option selected value="base">Camera Model</option>
<option value="Canon">Canon</option>
<option value="Nikon">Nikon</option>
</select>
<br />
<select class="item_model" id="json-two">
<option>Please choose from above</option>
</select>
<br />
<input type="text" value="1" class="item_Quantity"><br>
<span class="item_price">$xx.xx</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a>
</p>
</div>
Qoop,你是英雄!我快到了,我已经把商品的品牌和型号通过收银台交给贝宝了。我就是不能把报税表当作假报税表去上班。我想这是因为我是jquery的业余爱好者,还没有将这两个脚本正确地结合起来。我会继续尝试,稍后再更新…谢谢你!我只需要在中插入默认的下拉值,现在它就可以使用了!谢谢