相关疑难解决方法(0)

是否有可能(仅使用HTML),以显示select与options表示每一个跨越多行？

是否可以在选择列表中包装长选项？

我有一个动态选择列表,有些选项非常冗长.我想要的选项太长,无法包装到下一行.除此之外,我想缩小这些界限.

如果不可能,我的解决方案是将结果修剪为n字符.

这就是我所拥有的:

I'm a short option
This is a really really really long option
This one isn't too bad
But whoa look how long I am! I go on forever!

这就是我想要的:

I'm a short option
This is a really really 
    really long option
This one isn't too bad
But whoa look how long 
    I am! I go on forever!

有没有办法在元素中有多行<option>？

像这样:

 -------------------------
| Normal <option> element |
 -------------------------
| <option> element broken |
| onto two lines          |
 -------------------------
| Normal <option> element |
 -------------------------

有没有HTML/CSS方法,还是我应该使用JavaScript？

我正在使用选择2下拉列表,然后在其内容中显示一些长句.我想在正确的位置为句子添加换行符,但下拉菜单是自动调整.

例如,现在下拉列表的内容如下所示:

这条线现在看起来像这样

选择2期100美元.(特别

提供.)

我需要添加受控换行符,使其看起来像这样:

选择2期100美元.

(特价.)

我不想增加下拉列表的宽度或改变字体大小.

我的代码在jsfiddle:

<select multiple id="e1" style="width:300px">
    <option value="1">select 1 installment of $200</option>
    <option value="2">select 2 installments of $100. (special offer.)</option>
    <option value="3">select 3 installments of $89</option>
    <option value="4">select 4 installments of $50. (no interest in this option)</option>
    <option value="5">select 5 installments of $45</option>
</select>

我有一个 Django 项目，其中有一个像这样的选择下拉列表：

但我想要这样的东西：

我的<select>表单看起来像这样：（在开发人员工具中检查后）

<select class="form-control" data-parsley-required="true" id="id_org_role" name="org_role" required="">
    <option value="A">Administrator</option>
    <option value="M" selected="selected">Member</option>
</select>

如果不是 select2，是否还有其他 jquery 库可以帮助我完成此操作？

我曾尝试选择二的文档以下，并认为，如果 这种方式（对于模板），我们可以跨越该选项的文本旁边的图像，那么，必须有跨越“文字说明”太下，每个选项的方式。但我不知道这是如何实现的。直到现在我一直试图做的是：

var org_role = function(roles){
      if (!roles.id) {
      return roles.text;
    }
    return $(
    '<strong>' + roles.text + '</strong>' + '<br/>'
    '<span>' + "some description" + '</span>'
  );
};

$("#id_org_role").select2({
  templateResult: org_role,
});

但这是行不通的。此外，即使是这样，它也会为所有选项显示相同的描述。但它必须明显不同。

我在模板中的 Django 表单如下所示：

<form method="POST" action="" class="org-member-edit" id='organization_permissions' data-parsley-validate>

{% csrf_token %}

<div class="form-group member-role{% if org_role_form.org_role.errors %} has-error{% endif %}">

    <label …