セレクトボックスとラジオボタンを連動させたい。

Question

現在下記のようなものを組んでおり、
ラジオボタンが選択されたときに、対応するセレクトボックスも選択されるようにするにはどのようにすればいいでしょうか？
data-target　属性等でやってみましたが想定通りに動きませんでした。

ラジオボタンの黒が選択されたとき、セレクトボックスも連動して黒が選択されるようにしたいです。

<style>
.select{color:red;}
</style>
<script>
$(function(){
  $('.color-radio').on('change',function(){
    $($(this).data('targetClass')).removeClass('select');
    $($(this).data('target')).addClass('select');
  }).filter(':checked').trigger('change');
});
</script>
<div>
<div class="bg-up-1">bg-up-pink</div>
<div class="bg-down-1">bg-down-pink</div>
<div class="bg-up-2">bg-up-black</div>
<div class="bg-down-2">bg-down-black</div>
</div>
<div>
<h4>バンドの上の色</h4>
<label><input type="radio" name="color-up" class="color-radio" data-target=".bg-up-1" data-target-class="[class^=bg-up]" checked>ピンク</label>
<label><input type="radio" name="color-up" class="color-radio" data-target=".bg-up-2" data-target-class="[class^=bg-up]">黒</label>
<select name="color-up">
	<option value="1">ピンク</option>
	<option value="2">黒</option>
</select>
</div>
<div>
<h4>バンドの下の色</h4>
<label><input type="radio" name="color-down" class="color-radio" data-target=".bg-down-1" data-target-class="[class^=bg-down]" checked>ピンク</label>
<label><input type="radio" name="color-down" class="color-radio" data-target=".bg-down-2" data-target-class="[class^=bg-down]" >黒</label>
<select name="color-down">
	<option value="1">ピンク</option>
	<option value="2">黒</option>
</select>
</div>

Answer 1

解決いたしました。

jQuery(function() {
		jQuery('.color-radio').on('change', function() {
			jQuery(jQuery(this).data('targetClass')).removeClass('select');
			jQuery(jQuery(this).data('target')).addClass('select');
			jQuery(jQuery(this).data("targetSelect")).prop('selected', true);
		}).filter(':checked').trigger('change');
	});

<label class='name-up-1'><input type='radio' name='color-up' class='color-radio' data-target='.bg-up-1' data-target-class='[class^=bg-up]' data-target-select='[class^=select-box-1]' checked></label>
<label class='name-up-2'><input type='radio' name='color-up' class='color-radio' data-target='.bg-up-1' data-target-class='[class^=bg-up]' data-target-select='[class^=select-box-2]' checked></label>

<select name="color-up">
				<option class="select-box-1" name=' color-up' data-target='.bg-up-1'>1</option>
				<option class="select-box-2" name=' color-up' data-target='.bg-up-2'>1</option>
</select>