我在网格视图中显示字母,每当我单击每个字母时,它都必须显示该字母的相应单词,因为我能够获取每个字母的位置,因此我该如何检索或传递数据从数据库?

这是该屏幕截图



该网格视图的代码是


  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>"

09-25 17:42
查看更多