基于jquery链式选择的单选为两选
基于jquery链式选择的单选为两选
提问于 2017-02-06 14:53:56
我想让我的2个<select>基于单个<select>更改它们的值，例如：
我希望我的kodethnajaran和kodesemester根据我在kodematkul上的选择更改它们的选项值。
下面是我的代码：
<div class="form-group">
<label>Mata Kuliah</label>
<select class="form-control" name="kodematkul" id="kodematkul" required>
<option value="null" selected="selected">-- Pilih --</option>
<option value='mk001'>Mobile Programming</option>
<option value='mk003'>Matematika Dasar</option>
<option value='mkl001'>Logika dan Pemrograman</option>
</select><br>
</div>
<div class="form-group">
<label>Tahun Ajaran</label>
<select class="form-control" name="kodethnajaran" id="kodethnajaran" required>
<option value="-" selected="selected">-- Pilih --</option>
<option value='thn001'class='mk001'>2017</option>
<option value='thn001'class='mk003'>2017</option>
<option value='thn001'class='mkl001'>2017</option>
<option value='thn002'class='mk003'>2016</option>
</select><br>
</div>
<div class="form-group">
<label>Semester</label>
<select class="form-control" name="kodesemester" id="kodesemester" required>
<option value="-" selected="selected">-- Pilih --</option>
<option value='sem002'class='mk001'></option>
<option value='sem001'class='mk003'></option>
<option value='sem001'class='mkl001'></option>
<option value='sem002'class='mkl001'></option>
<option value='sem002'class='mk003'></option>
</select><br>
</div>上面的代码基本上只包含我的<select>，数据来自sql。我尝试的脚本是：
$("#kodethnajaran,#kodesemester").chained("#kodematkul"); 我不确定这是否适用，因为我尝试基于以下演示来实现它：
http://www.appelsiini.net/projects/chained/demo.html
它似乎只能更改“kodethnajaran”，但不能更改“kodesemester”值。
这是小提琴..。https://jsfiddle.net/vu671ubm/
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-02-06 19:13:21
好的，我做了一点调查，找出了你的解决方案不能工作的原因，比如jQuery版本，你应该使用1.10来让chained工作
codePen http://codepen.io/kejt/pen/NdzZqv?editors=1111来了
此外，我还对您的代码进行了一些修改，以便在类上工作
$(".form-control").each(function() {
$(this).chained($("#kodematkul"));
});我使用的类只是一个例子，你可以为所有需要依赖于给定类的选择添加新的类。例如，dependant-select并将这个类添加到所有select，这将在第一次更新时更改
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42061916
复制相关文章
相似问题
腾讯云开发者
