Question

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

我有一些单选按钮和三个需要交互的链接（级联）SELECT输入。我找到了一个强大的代码库（jCombo），用于链接SELECTS，效果很好，我正在尝试添加一些单选按钮到混合（选定的单选按钮值也传递给AJAX例程填充SELECTS。一切如果我更改所选的单选按钮并刷新页面，则可以正常工作。现在我只需要链接的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例程？

此代码为沙箱here

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

获取一个javascript $（function（）函数来触发

1 个答案: