关注迅速公众平台
关注微信联系人
企业电话:021-64391578
商务联系:18717819904 林经理
二级联动,第二级是多选框 multipleSelect
```html
```css
/* styles.css */
#teacher-select {
width: 100%;
}
#student-select {
width: 100%;
display: none;
}
```
```js
// multipleSelect.js
$(function() {
$('#teacher-select').multipleSelect({
width: 120,
allSelected: '全部',
multiple: false,
selectAll: false,
placeholder: '未选择'
});
$('#student-select').on('change', function() {
var teachers = $('#teacher-select').val();
if (!teachers) {
$('#student-select').empty();
} else {
for (var i = 0; i < teachers.length; i++) {
var student = teachers[i];
$('#student-select').append('' + student.name + '');
}
}
$('#student-select').show();
});
});
```
```javascript
// main.js
function teacherChange() {
var teacherId = $('#teacher-select').val();
if (teacherId === '') {
$('#student-select').empty();
} else {
var students = [];
if (teacherId) {
$(teachers).each(function() {
if ($(this).attr('id') === teacherId) {
students = $(this).children('option');
return false;
}
});
}
var r = [];
for (var i = 0; i < students.length; i++) {
r.push('' + students[i].text + '');
}
$('#student-select').empty();
$('#student-select').append(r.join('\n'));
$('#student-select').show();
}
}
```
特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。 网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点, 也不对网站内容的真实性负责,如有侵权,请联系站长删除
业务联系