如何从下拉列表中选择多个值?选择该值后,该值将不再在下拉菜单中可用。[]我想可以通过按添加按钮一次选择多个电子邮件地址,我想在其中显示逗号分隔符,因此当我们通过下拉列表选择电子邮件地址时,它将自动显示在输入字段“to”中,例如:neymar@gmail.com, ronaldo@gmail.com, messi@gmail.com 然后用户也可以通过按删除按钮删除输入中的最后一封电子邮件,
qqrboqgw1#
如果您使用的是asp.net控件,请为多选创建一个列表框。如果您使用的是html,请添加多个属性。点击此链接https://www.w3schools.com/tags/att_select_multiple.asp
0ve6wy6x2#
你必须考虑 selectBox 并将其替换为输入框。
selectBox
var prv_val,f_val; $('#test').change(function() { var new_val = $(this).val(); if(new_val != ""){ prv_val = $('#target_input').val(); if(prv_val != ""){ f_val = prv_val + "," + new_val; } else { f_val = new_val; } $('#target_input').val(f_val); } });
var prv_val,f_val;
$('#test').change(function() {
var new_val = $(this).val();
if(new_val != ""){
prv_val = $('#target_input').val();
if(prv_val != ""){
f_val = prv_val + "," + new_val;
}
else {
f_val = new_val;
$('#target_input').val(f_val);
});
# target_input { display: block; height: 30px; margin-top: 20px; width : 100%; }
# target_input {
display: block;
height: 30px;
margin-top: 20px;
width : 100%;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id='test'> <option value=""></option> <option value="one@gamil.com">one@gamil.com</option> <option value="two@gamil.com">two@gamil.com</option> <option value="three@gamil.com">three@gamil.com</option> </select> <input value="" id='target_input'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='test'>
<option value=""></option>
<option value="one@gamil.com">one@gamil.com</option>
<option value="two@gamil.com">two@gamil.com</option>
<option value="three@gamil.com">three@gamil.com</option>
</select>
<input value="" id='target_input'>
42fyovps3#
按住ctrl(windows)/command(mac)按钮可选择多个选项。在选择标记中使用多属性。
<form action="/action_page.php"> <select name="cars" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <input type="submit"> </form>
<form action="/action_page.php">
<select name="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<input type="submit">
</form>
3条答案
按热度按时间qqrboqgw1#
如果您使用的是asp.net控件,请为多选创建一个列表框。
如果您使用的是html,请添加多个属性。
点击此链接
https://www.w3schools.com/tags/att_select_multiple.asp
0ve6wy6x2#
你必须考虑
selectBox
并将其替换为输入框。42fyovps3#
按住ctrl(windows)/command(mac)按钮可选择多个选项。在选择标记中使用多属性。