-2

我对js不是很了解，只在需要的时候用，用从网上偷来的套路。

我有一些单选按钮和三个需要交互的链式（级联）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 回答