相关疑难解决方法(0)

如何控制select标签的宽度?

我有一份国家名单,其中一些名字很长:

<select name=countries>
 <option value=af>Afghanistan</option>
 <option value=ax>Åland Islands</option>
 ...
 <option value=gs>South Georgia and the South Sandwich Islands</option>
 ...
</select>
Run Code Online (Sandbox Code Playgroud)

默认情况下,选择框与列表中最长的选项一样长.我想创建一个选择框,使其在从宽浏览器窗口查看时显示默认行为,但从狭窄的浏览器窗口查看时,可以很好地适应容器宽度的90%,小于最长选项的长度.

我试过了min-width: 90%;,但没办法.这可以通过CSS样式单独完成吗?

html css

31
推荐指数
2
解决办法
13万
查看次数

根据所选OPTION的宽度自动调整SELECT元素的大小

我有这个select元素与option它不同.通常select元素会从最大option元素获得宽度,但我希望select元素的默认option值宽度更短.当用户选择另一个元素时option,该select元素应调整自身大小,以便整个文本始终在元素中可见.

$(document).ready(function() {
    $('select').change(function(){
        $(this).width($('select option:selected').width());
    });
});
Run Code Online (Sandbox Code Playgroud)

问题:

  • 在Chrome(Canary)上,它的返回宽度始终为0.
  • 在Firefox上,选择较短的选项时,会添加宽度并且不会调整大小.
  • Safari:与Chrome相同的结果.

演示@ JSFiddle

jquery select resize dom-manipulation autoresize

28
推荐指数
5
解决办法
7万
查看次数

在IE中裁剪HTML选择选项宽度.有解决方案吗

在Mozilla和非IE浏览器中,如果选择列表的选项长度大于选择的宽度,则它将显示.但是在IE中,它会将选项裁剪到选择的宽度.

有没有办法让IE的选择行为像非IE浏览器一样?

html internet-explorer html-select

7
推荐指数
1
解决办法
3万
查看次数

多选列表框

我在表单上有一个列表框,它可以正常工作.

我想编辑表单上的项目,这意味着填充列表框,然后选择相关的项目.

我的列表框包含项目大小列表,我想选择属于正在编辑的项目的大小.

可以有人给我一些指示.

我试过me.lstItemSizes.SetSelected(i,true)但这只适用于单个项目.

任何帮助将不胜感激.

我的代码:

    Private Sub SelectItemSizes(ByVal itemID As Integer)

    Dim itemSizes As IList(Of ItemSize) = _sizeLogic.GetItemSizes(itemID)

    Me.lstItemSizes.SelectionMode = SelectionMode.MultiExtended

    If (itemSizes.Count > 0) Then

        For i As Integer = 0 To Me.lstItemSizes.Items.Count - 1

            For x As Integer = 0 To itemSizes.Count - 1

                If (CType(Me.lstItemSizes.Items(i), PosSize).SizeID = itemSizes(x).SizeID) Then
                    Me.lstItemSizes.SetSelected(i, True)
                Else
                    Me.lstItemSizes.SetSelected(i, False)
                End If

            Next

        Next

    End If

End Sub
Run Code Online (Sandbox Code Playgroud)

vb.net listbox multi-select winforms

3
推荐指数
1
解决办法
5万
查看次数