Csharp:jquery.ajax-combobox

最新推荐文章于 2021-08-05 23:29:13 发布

weixin_30916125

最新推荐文章于 2021-08-05 23:29:13 发布

阅读量247

点赞数

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/geovindu/p/11162423.html

版权

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="comboboxdemo.WebForm3" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>jquery.ajax-combobox</title>
<meta name="author" content="Geovin Du 涂聚文" />
<link rel="stylesheet" href="js/jquery.ajax-combobox.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ajax-combobox.min.js"></script>
<script type="text/javascript">
var data;
$.getJSON( "AjaxComboxHandler.ashx", function( data ) {
/*
https://github.com/sutara79/jquery.ajax-combobox
https://plugins.jquery.com/ajax-combobox/
https://sutara79-php.herokuapp.com/demo/jquery.ajax-combobox/
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + data[0].CountyCode + "</li>" );
  });
 
  $( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( "body" );
  */  
   $('#foo').ajaxComboBox(
    data,
    {
      sub_info: true,
      sub_as: {
        CountyCode: '國際區號',
        EnName: '英文名',
        position: '所在洲'
      },
      select_only: true,
      init_record: '86',
      primary_key: 'CountyCode',
    }
  ); 
  
  
});


 //后台或者数据源
 /*=<%=data%>
  $.get("AjaxComboxHandler.ashx", function(str) {
            var arr = eval(str);
                //alert(arr[0].CountyCode);
                data = arr;
                //alert(data[0].CountyCode);
   });
  */
 /* 
$(function() {

  $('#foo').ajaxComboBox(
    data,
    {
      sub_info: true,
      sub_as: {
        CountyCode: '國際區號',
        EnName: '英文名',
        position: '所在洲'
      },
      select_only: true,
      init_record: '86',
      primary_key: 'CountyCode',
    }
  );
});*/
</script>
</head>
<body>
<h1>JS object instead of DB: jquery.ajax-combobox</h1>
<form id="Form1" action="" runat="server">
  <label for="foo">Nation:</label><br>
<asp:TextBox ID="foo" CssClass="foo" runat="server"></asp:TextBox>
 <asp:Button ID="Button1" runat="server" Text="Button" οnclick="Button1_Click" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/geovindu/p/11162423.html

weixin_30916125

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Csharp:jquery.ajax-combobox

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="comboboxdemo.WebForm3" %><!DOCTYPE html><html><head><meta charset="utf-8"&g...
复制链接

扫一扫