html 选择列表框,html组合框或选择框以进行多项选择

对于多选组合框,您可以使用多个属性.

SELECT

Option 1

Option 2

Option 3

然后根据你的第一个屏幕截图,从一个组合添加项目到另一个组合你应该使用一些JavaScript.Below是完整的HTML代码.

List

select, input[type="text"] {

width: 160px;

box-sizing: border-box;

}

section {

padding: 8px;

background-color: #f0f0f0;

overflow: auto;

}

section > div {

float: left;

padding: 4px;

}

section > div + div {

width: 40px;

text-align: center;

}

fieldset {

padding:10px;margin-top:10px;

}

1

2

3

×

Descriptive Options

Mean

Sum

Description

Std. Deviation

Minimum

Continue

Cancel

Help

$("#btnLeft").click(function () {

var selectedItem = $("#rightValues option:selected");

$("#leftValues").append(selectedItem);

});

$("#btnRight").click(function () {

var selectedItem = $("#leftValues option:selected");

$("#rightValues").append(selectedItem);

});

$("#rightValues").change(function () {

//var selectedItem = $("#rightValues option:selected");

//$("#txtRight").val(selectedItem.text());

});

$("#leftValues").change(function () {

//var selectedItem = $("#leftValues option:selected");

//$("#txtLeft").val(selectedItem.text());

$('#myModal').modal('show');

});