3

我有下拉列表，其中包含以下选项

  ---select an option---
  option 1
  option 2
  option 3
  option 4

我想在下拉列表中禁用我的第一个值---选择一个选项。所以它不能被选为一个选项。

我的代码在这里

<%= f.select :options, options_for_select([[" ---Select an option---", ""], "option 1", "option 2", "option 3", "option 4"]), :style => "margin:20px; width:356px;" %>
4

3 回答 3

2

在 Ruby 中，它看起来像这样：

<%= f.select options_for_select(["", "Please select", "option 1", "option 2", "option 3", "option 4"], :disabled => "Please select", :selected => "Please select") %>

将一个类分配给选择标签并将样式移动到您的样式文件会很好

于 2013-09-10T14:26:29.383 回答
1

它应该如下所示：

<%= f.select :options, [[" ---Select an option---", ""], "option 1", "option 2", "option 3", "option 4"], {}, :style => "margin:20px; width:356px;" %>

此外，最好给它一个 CSS class，然后将边距/宽度/等添加到类而不是代码中。（编辑-当我说“更好”时，我只是指一种更好的做法-如果您想再次使用相同的格式，则可以添加该类，如果您想修改它的外观，只需修改一个类-它赢了不要改变它的执行方式，它只会让你的代码更容易使用。）

一种方法是使用span：

<span class="options_select">
  <%= f.select :options, [[" ---Select an option---", ""], "option 1", "option 2", "option 3", "option 4"], {} %>
</span>
于 2013-09-10T13:31:42.050 回答
0

好吧，我认为您需要将第一个选项设置为禁用但选择为真。所以它只会在第一次选择第一个选项，然后用户无法选择。

IE

<!DOCTYPE html>
<html>
<head>
<script>
function favBrowser()
{
var mylist=document.getElementById("myList");
document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text;
}
</script>
</head>

<body>
<form>
Select your favorite browser:
<select id="myList" onchange="favBrowser()">
  <option selected="true" disabled="disabled">Select Browser</option>
  <option>Google Chrome</option>
  <option>Firefox</option>  
  <option>Internet Explorer</option>
  <option>Safari</option>
  <option>Opera</option>
</select>
<p>Your favorite browser is: <input type="text" id="favorite" size="20"></p>
</form>
</body>

</html>

希望对你有帮助..

于 2013-09-10T13:36:18.303 回答