-2

私は js をよく知りません。Web から盗んだルーチンを使用して、必要な場合にのみ使用します。

いくつかのラジオ ボタンと、相互作用する必要がある 3 つの連鎖 (カスケード) SELECT 入力があります。チェーンされたSELECTS用の堅牢なコードライブラリ（jCombo）がうまく機能することを発見し、いくつかのラジオボタンをミックスに追加しようとしています（選択されたラジオボタンの値は、SELECTSを設定するAJAXルーチンにも渡されます。すべて選択したラジオボタンを変更してページを更新すると機能します.ラジオボタンが変更されたときに連鎖したSELECTSが動的に自動入力される必要があります(ページを更新する必要はありません)。

<form method=get action="" id="fred">
<input type="submit">
</form>

<input type="radio" name="degree" class="degree" value="C" form="fred">
<input type="radio" name="degree" class="degree" value="A" form="fred">
<input type="radio" name="degree" class="degree" value="B" form="fred" checked >
<input type="radio" name="degree" class="degree" value="M" form="fred">
<input type="radio" name="degree" class="degree" value="P" form="fred">

<select name="cat" id="cat" form="fred"></select><br />
<select name="deg" id="deg" form="fred"></select><br  />
<select name="conc" id="conc" form="fred"></select>

<script type="text/javascript">
var degType = $('input[name=degree]:checked').val();
$(function() {
$("#cat").jCombo("getCategories.php?typ="+degType, { selected_value : '1' } );
$("#deg").jCombo("getDegrees.php?typ="+degType+"&cat=", { parent: "#cat" });        
$("#conc").jCombo("getConcentrations.php?typ="+degType+"&deg=", { parent: "#deg" });
});
</script>

ユーザーが別のラジオ ボタンをクリックしたときに jCombo ルーチンを起動するには、何を追加できますか?

このコードはここでサンドボックス化されています

4

1 に答える 1

1 
$(function() {
  $('.degree').change(function() {
    var degType = $(this).val();
    $("#cat").jCombo("getCategories.php?typ="+degType, { selected_value : '1' } );
    $("#deg").jCombo("getDegrees.php?typ="+degType+"&cat=", { parent: "#cat" });        
    $("#conc").jCombo("getConcentrations.php?typ="+degType+"&deg=", { parent: "#deg" });
  }).change();  // trigger it at first time.
});
于 2013-10-21T00:06:53.860 に答える