jqueryでチェックボックスの値を拾って、 一個目のセレクトボックスの値を二個目に渡す。
しかもチェックをはずした時点で二個目に0を渡す。
var j$ = jQuery; j$(function () { j$('input[type=checkbox]:last').click(function() { if (this.checked) { j$("#selectA").removeAttr("disabled"); j$('#selectA').val(j$('#selectB').val()); } else { j$("#selectA").attr("disabled", "disabled"); j$('#selectA').val(0); } });
htmlは
<select id="selectA" name="selectA" class=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> <input id="chk" name="chk" type="checkbox" value="608" CHECKED> <select id="selectB" name="selectB" class=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select>
実際は簡単なval()の使い方だけの問題でした。