Есть группа input type=checkbox, в одном из них есть select с размерами. При выборе какого-либо чекбокса, значение его атрибута name, передается в input type=text.
Задача заключается в том, чтобы при смене значений select, происходило изменений атрибута name в input id="product".
<div class="block">
<div><input id="cd1" name="size-XXS" type="checkbox" value="69" /> <label for="cd1">товар1
<select id="prodactSize">
<option value="size-XXS">XXS</option>
<option value="size-XS">XS</option>
<option value="size-S">S</option>
<option value="size-M">M</option>
<option value="size-L">L</option>
<option value="size-XL">XL</option>
<option value="size-XXL">XXL</option>
</select>*</label>69</div>
<div><input id="cd2" name="товар2" type="checkbox" value="29" /> <label for="cd2">товар2</label>29</div>
<div><input id="cd3" name="товар3" type="checkbox" value="19" /> <label for="cd3">товар3</label>19</div>
<div><input id="cd4" name="товар4" type="checkbox" value="99" /> <label for="cd4">товар4</label>99</div>
<div><input id="cd5" name="товар5" type="checkbox" value="59" /> <label for="cd5">товар5</label>59</div>
<div><input id="cd6" name="товар6" type="checkbox" value="19" /> <label for="cd6">товар6</label>19</div>
</div>
<input id="product"></input>
<input id="size"></input>
var listNameRes = [];
Array.prototype.remove = function(value) {
var idx = this.indexOf(value);
if (idx != -1) {
return this.splice(idx, 1);
}
return false;
};
jQuery('.block input').change(function(e){
if (e.target.checked){
listNameRes.push(e.target.name);
jQuery('#product').val(listNameRes.join(', '));
} else {
listNameRes.remove(e.target.name);
jQuery('#product').val(listNameRes.join(', '));
}
});
jQuery(function(){
jQuery('#prodactSize').change(function(){
var harnessData = jQuery('#prodactSize :selected').val();
jQuery("#size").val(harnessData);
});
});
</script>