2
하지만, 입력 필드에 태그를 추가 한 후 내가"jQuery Tag-it!"에서 태그를 가져올 수 없습니다. 내가 입력 필드에 태그를 만들기 위해</p> <blockquote> <p><a href="http://aehlke.github.com/tag-it/" rel="nofollow noreferrer">jQuery Tag-it!</a></p> </blockquote> <p>을 사용하고
HTML 코드는, lable가 입력 필드에서 값을 검색 할 :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="Scripts/tag-it.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css"/>
<link href="Content/jquery.tagit.css" rel="stylesheet" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#mytags").tagit({
tagSource: function (request, response) {
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetKeyword",
data: "{'match': '" + request.term + "'}",
dataType: "json",
contentType: "application/json",
success: function (data) {
if (data.d != null) {
response($.map(data.d, function (item) {
return {
label: item.Name,
Value: item.Id
}
}));
}
}
});
}
});
});
function myfunction() {
var tagStr = $("#mytags").tagit("tags")
alert("Got tags: " + tagStr);
$('#hiddenTags').val(tagStr);
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
TO :
</div>
<ul id="mytags">
</div>
<asp:Button ID="Button1" runat="server" Text="Send" OnClick="Unnamed1_Click" OnClientClick="myfunction();"/>
</form>
</body>
</html>
및 C# 코드는 다음과 같습니다
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static List<Info> GetKeyword(string match)
{
var qry = GetInfo().Distinct().Where(k => k.Name.ToLower().StartsWith(match.ToLower()));
return qry.ToList();
}
public static IEnumerable<Info> GetInfo()
{
List<Info> list = new List<Info>();
list.Add(new Info { Id = 1, Name = "Tom", Email = "[email protected]" });
list.Add(new Info { Id = 2, Name = "Torex", Email = "[email protected]" });
list.Add(new Info { Id = 3, Name = "Tresa", Email = "[email protected]" });
list.Add(new Info { Id = 4, Name = "Morgan", Email = "[email protected]" });
list.Add(new Info { Id = 5, Name = "Paris", Email = "[email protected]" });
list.Add(new Info { Id = 6, Name = "Patrick", Email = "[email protected]" });
return list;
}
protected void Unnamed1_Click(object sender, EventArgs e)
{
}
}
public class Info
{
public int Id { get; set; }
public string Name { get; set; }
public String Email { get; set; }
}
그리고 난 태그 값을 얻기 위해 버튼을 클릭 할 때 : 내가 전송 버튼의 값을 얻기 위해 기다리고 있었다 무엇 
은 "아이디"
var tagStr = JSON.stringify ($ ("# mytags"). tagit ("assignedTags")); 이걸 사용하여 나는 값을 얻었지만 "Id"가 필요합니다 –