Question

jQuery mobile的第146页第一本看书介绍了数据占位符，但我认为它不起作用。我有：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Phillip Senn">
<title>jQuery Mobile Matrix</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
</head>
<body>

<h1>slider</h1>
<div data-role="fieldcontain">
    <label for="mySelect">Choose One:</label>
    <select id="mySelect">
        <option value="1">One</option>
        <option value="2" data-placeholder="true">Two</option>
        <option value="3">Three</option>

    </select>
</div>
</body>
</html>

并且'Two'不是默认选项。我不应该使用所选属性吗？

Answer 1

占位符适用于列表中您不希望在原生选择器中显示的“选择一个”类型项目（数据占位符项目将显示为本机窗口小部件的标题）。 E.g：

<select>
  <option value="" data-placeholder="true">Choose one:</option>
  <option value="1">One</option>
  <option value="2">Two</option>
</select>

如果您想要预先选择一个，那么您应该使用selected属性。

数据占位符

1 个答案: