我在网格视图中显示字母,每当我单击每个字母时,它都必须显示该字母的相应单词,因为我能够获取每个字母的位置,因此我该如何检索或传递数据从数据库?
这是该屏幕截图
该网格视图的代码是
var a2zArray = ['A','B','C','D','E','F','G','H','I','J','K','L ','M','N','O','P','Q','R','S','T','U','V','W','X', 'Y','Z'];
$(document).ready(function()
{
createA2ZGrid();
});
function createA2ZGrid(){
var rowElem='';
for (var i=0; i < a2zArray.length; i++){
rowElem = rowElem +" "+ "<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>";
}
$("#A2Z-GridId").html(rowElem);
}
function onClicked(element){
alert("Onclicked : "+element);
};
如何将参数从html传递给js?
最佳答案
如果您正在使用phonegap,则必须深入研究jquery mobile
在标题的index.html页面中:(或参阅phonegap文档)
<script type="text/javascript" src="js/cordova-2.5.0.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/webtoolkit.base64.js"></script>
<script type="text/javascript" src="js/MacAddress.js"></script>
<script type="text/javascript" src="js/your_own_javascript.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
然后输入您的代码:我对此进行了测试:
<label id='elementId' onclick="onClicked('Test')">test</label>
以及您的javascript.js(或脚本标签中的html代码):
function onClicked(element){
navigator.notification.alert("Onclicked : "+element);
};
这有效
据我在您的代码中看到的,您缺少该函数周围的引号
"<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>"
将导致
<label id='elementId' onclick=onClicked('something')>something</label>
它应该是:
<label id='elementId' onclick="onClicked('something')">something</label>
所以这应该工作:
"<label id='elementId' onclick='onClicked('"+a2zArray[i]+"')'>" + a2zArray[i] + "</label>"