获取要触发的 javascript $(function() 函数

Question

我不太了解js，只在必要时使用它，使用从网上窃取的例程。

我有一些单选按钮和三个需要交互的链式（级联）SELECT 输入。我为链式 SELECT 找到了一个运行良好的健壮代码库 （jCombo），我正在尝试将一些单选按钮添加到混合中（选定的单选按钮值也会传递给填充 SELECT 的 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 例程？

此代码在此处沙盒化

Answer 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.
});