HTML屬性中的JavaScript函數調用傳遞不完整

Question

HTML屬性在JavaScript函數調用

傳遞不完整的下面找到我的代碼：

var circleName ="Andhra Pradesh"; 
<li><a onclick='selectCircle(this);' href='javascript:void(0);' circle="+circleName+"> 

<script type="text/javascript"> 
function selectCircle(hre) { 
var circle = $(hre).attr('circle'); 
alert(circle);  
</script> 

在警告我只得到「安得」，或者如果我通過「 UP西」我得到的 「UP」 的警告

Answer 1

試試這個在您的HTML：

<li><a onclick='selectCircle(this);' href='javascript:void(0);' circle='"+circleName+"'> 

您的圈子屬性中缺少引號。

Answer 2

嘗試這樣使用jQuery Demo Here

在你的代碼CONCAT是錯誤的

<li><a onclick='selectCircle(this);' href='javascript:void(0);' circle='"+circleName+"'> 

使用jQuery

$('#selectCircle').click(function(){ 
var circle = $(this).attr('circle'); 
alert(circle); 

}); 

Answer 3

1. 你的變量（var circleName = "Andhra Pradesh";）應該是裏面的script BL ock，所以應該建立li的代碼。
2. 你需要建立一個HTML字符串，其值是基於您的變量的屬性，但你需要包住雙引號（circle='" + circleName + "'）

var circleName = "Andhra Pradesh"; 
 
var circleNameText = "Andhra Pradesh Circle"; // the text could be same as name, or different. 
 
var $listItem = $("<li><a onclick='selectCircle(this);' href='javascript:void(0);' circle='" + circleName + "'>" + circleNameText + "</a></li>"); 
 
$("#list").append($listItem); 
 

 
function selectCircle(hre) { 
 
    var circle = $(hre).attr('circle'); 
 
    alert(circle); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id='list'></ul>