如何在選擇框中限制選項名稱的大小？

Question

我正在從數據庫中檢索選擇框的選項。 我想在下拉框中限制選項值的寬度。

例如：如果我只需要8個字符長，則數據庫中的值為“ ELEPHANT GROUP”。 下拉框中顯示的值為“大象”

我希望將選項值限制為特定大小。 任何人都可以幫助我解決這個問題。

簡要信息：

我的開發人員在其表單之一上有一個動態列表框。 即：管理用戶可以創建顯示在選擇框中的選項，供普通用戶選擇。 我們的目的是讓管理員用戶創建最多約50個字符的選項，但是我們的業務要求不允許我們限制管理員用戶創建的選項名稱的大小。 這使我們有可能選擇幾百個字符寬的SelectBox，從而將所有表格都格式化為窗口，並導致屏幕水平滾動。 幾天來我們一直在為此爭論不休，並且顯然不能限制“選項名稱”的字符輸入。 有什么方法可以操縱選擇框的顯示，以防止選擇框超出一定數量的字符，但仍顯示很長的選項名稱？

希望現在您已經完全解決了我的問題。請幫助我解決問題。

謝謝...

Answer 1

您可以執行substring()以獲取要顯示的8個首字符

Answer 2

enter code here

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<select id = "mysel" onchange = "show()">
<option value = 0>Select one ....</option>
<option value = "January">January</option>
<option value = "February">February</option>
<option value = "March">March</option>
</select>
<br>
<input type = "text" id = "month" size = "1" readonly>

<script type = "text/javascript">

function show() {
var val = document.getElementById("mysel").value;
val = val.substring(0,3);
alert (val);
document.getElementById("month").value = val;
}

</script>
</BODY>
</HTML>

/ 通過使用子字符串，您可以做到。否則，您可以使用支持CSS的新型瀏覽器指定具有樣式的框的寬度。 唯一的問題是，您看不到整個單詞。 它切斷了它。 希望可以幫助您 /

如何在選擇框中限制選項名稱的大小？

問題描述

2 個解決方案

解決方案1
1 已采納 2012-07-25 06:26:35

解決方案2
0 2012-07-25 06:52:49

如何在選擇框中限制選項名稱的大小？

問題描述

2 個解決方案

解決方案1 1 已采納 2012-07-25 06:26:35

解決方案2 0 2012-07-25 06:52:49

解決方案1
1 已采納 2012-07-25 06:26:35

解決方案2
0 2012-07-25 06:52:49