gpt4 book ai didi

jquery-mobile - jQuery移动选择多个

转载 作者:行者123 更新时间:2023-12-04 06:21:33 24 4
gpt4 key购买 nike

我检查了有关 jquery mobile select multiple 的所有主题,但仍然无法弄清楚我的代码有什么问题。

http://jsfiddle.net/HMWYu/

<!DOCTYPE html> <html>
<head> <title>Registration</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<header data-role="header">
<h1>Register</h1>
</header>
<div data-role="content">
<div data-role="fieldcontain">
<label for="Services" class="ui-hidden-accessible ">
Services:</label>
<select name="Services" id="Services" multiple="multiple" size="4">
<option >Hotel</option>
<option >Transport</option>
<option >Others</option>
</select>
</div>
</div>
</div>
</body>
</html>

任何帮助将不胜感激

最佳答案

对多个使用 JQM 自定义选择菜单。 http://jquerymobile.com/demos/1.0.1/docs/forms/selects/custom.html
首先将 data-native-menu="false"添加到您的选择菜单中。然后确保您的选项具有值(value)。我添加了一个选项作为占位符来代替标签。
这是我的示例:

<!DOCTYPE html> 
<html>
<head>
<title>Registration</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
<header data-role="header">
<h1>Register</h1>
</header>
<div data-role="content">
<div data-role="fieldcontain">
<label for="Services" class="ui-hidden-accessible " >
Country:
</label>
<select name="Services" id="Services" data-native-menu="false" data-mini="true" multiple="multiple" size="4">
<option>Country</option>
<option value="hotel">Hotel</option>
<option value="transport">Transport</option>
<option value="others">Others</option>
</select>
</div>
</div>
</div>
</body>
</html>

关于jquery-mobile - jQuery移动选择多个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9764999/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com