如何选择用户从跨度列表在javascript
how to select user from span list in javascript
->我问的问题有点难以解释,所以请试着用开放的心态看待。
我正在制作一个phonegap应用程序,在这个应用程序中,我可以在本地sqlite数据库中注册一些用户。我可以把它们列个清单。我想要的是允许用户选中一个用户,并将该用户设置为活动用户(我想要显示它以某种方式被选中)。
这是我现在得到的(它不能选择它们):
HTML:<span style="font-weight:bold;" class="TextUser">registered users:</span>
<span id="lbUsers"></span>
(现在它是垃圾邮件,但如果它更好,它可以是其他任何东西)
Javasctip:
function ListDBValues() {
if (!window.openDatabase) {
alert('Databases are not supported in this browser.');
return;
}
// this line clears out any content in the #lbUsers element on the
//page so that the next few lines will show updated
// content and not just keep repeating lines
$('#lbUsers').html('');
// this next section will select all the content from the User table
//and then go through it row by row
// appending the UserId FirstName LastName to the #lbUsers element
//on the page
db.transaction(function(transaction) {
transaction.executeSql('SELECT * FROM MyUsers;', [],
function(transaction, result) {
if (result != null && result.rows != null) {
for (var i = 0; i < result.rows.length; i++) {
var row = result.rows.item(i);
$('#lbUsers').append('<p class="listOfUsers"> ' + row.Name + '. ' + row.Email + ' </p><br /><br /><br /><br />');
}
}
},errorHandler);
},errorHandler,nullHandler);
return;
}
CSS: .listOfUsers {
position: absolute;
margin: 2%;
font-size: 15px;
text-align: center;
border:1px solid;
border-radius:10px;
left: 2%;
}
MyUsers有一个名为ActiveUser的BOOLEAN值(默认为FALSE)。我希望能够在列出的用户,并调用SetActiveUserDB函数(我可以通过参数发送或从选定用户的HTML id读取)
如果它更容易与一个按钮,将读取选定的用户,然后调用SetActiveUserDB它将为我工作。
谢谢。PS:
我肯定我没有解释清楚,所以请随时询问细节
可以为<p>
元素添加一个click事件。
...
$('#lbUsers').append('<p class="listOfUsers"> ' + row.Name + '. ' + row.Email + ' </p><br /><br /><br /><br />');
// same code as above, now we add a click event to the item you just created.
$(".listOfUsers").last().click(function() {
// remove selected class from any selected user.
$(".listOfUsers.selected").removeClass("selected");
// set this item to selected.
$(this).addClass("selected");
});
工作示例:http://jsfiddle.net/dJNyk/5/
相关文章:
- 如何使用jquery从下拉列表(javascript)中选择192.168.3.0进行测试自动化
- 参数列表Javascript Jquery后缺少)
- 更高级的TODO列表javascript
- 创建地图列表javascript
- 参数列表[Javascript语法错误]后的未捕获语法错误:缺少)
- 停止 C# 在下拉列表 javascript 验证失败时继续执行服务器端脚本
- 为什么来自.getJSON的名称在声明为列表(JavaScript / JQuery)的索引后仍未定义
- Vaadin 的特殊路径变量列表 @JavaScript(value = { “vaadin://..", &
- 仅将列表的项传输到另一个列表 JavaScript
- 匹配推文中可能的标签列表-Javascript或jQuery
- 删除粗体标记<b></b>在项目上单击列表javascript
- 参数列表/Javascript后的未捕获语法错误:缺少)
- 动态创建列表Javascript的索引
- 从列表javascript中删除选择值
- 使用箭头键浏览列表?(JavaScript/JQ)
- 如何将包含不同键值对的json转换为列表javascript
- 一个文本框的输入值,用于添加一个无序列表(Javascript)
- Sharepoint 2013添加查找值到列表从另一个列表Javascript
- 用列表过滤对象列表- Javascript
- 转换数组对象到数组列表(javascript)