{"id":258,"date":"2014-12-20T18:59:52","date_gmt":"2014-12-20T18:59:52","guid":{"rendered":"http:\/\/www.aakifb.com\/?p=258"},"modified":"2016-10-22T14:08:26","modified_gmt":"2016-10-22T11:08:26","slug":"select2ye-takilip-kalmayin","status":"publish","type":"post","link":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/","title":{"rendered":"Select2&#8217;ye tak\u0131l\u0131p kalmay\u0131n"},"content":{"rendered":"\n<!-- Speed Sense for AdSense WordPress Plugin: https:\/\/wordpress.org\/plugins\/speed-sense\/ -->\n<div id=\"ssp0\" style=\"float:left;margin:10px 10px 10px 0;max-width:970px;width:100%;\">\n<ins class=\"adsbygoogle\" id=\"adsgoogle0\" style=\"display: inline-block; width: 100%; height: 250px\"  data-ad-client=\"ca-pub-7093922171215546\" data-ad-slot=\"3130185915\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>\n<\/div>\n<p>Temelden ba\u015flamak gerek temelden. Neden mi? \u00c7\u00fcnk\u00fc yeni\u00a0y\u00f6ntemler, scriptler, teknolojiler derken\u00a0elimizin alt\u0131ndaki se\u00e7enekleri g\u00f6rmekte gecikiyoruz. Evet temel \u00f6nemli. Html mi? Bitir sonra html5 i \u00f6\u011fren. Html 7 \u00e7\u0131kt\u0131ysa i\u015fini g\u00fcc\u00fcn\u00fc b\u0131rak onu da \u00f6\u011fren. Neden mi? K\u0131sadan\u00a0\u00e7aresiz kald\u0131\u011f\u0131m bir durumu anlatmak gerekirse;<!--more--><\/p>\n<p>Select2&#8217;ye \u00f6yle yo\u011funla\u015fm\u0131\u015f\u0131m ki hem select hem de textbox \u00f6zelli\u011fini tek ba\u015f\u0131na bir nesnede kullanma ihtiyac\u0131 duydu\u011fum an\u00a0select2 de bir t\u00fcrl\u00fc \u00e7\u00f6z\u00fcm bulamad\u0131m.\u00c7aresiz kald\u0131m,kald\u0131k! \u0130lgili \u00f6rnekleri tarad\u0131m yok bir sonu\u00e7. Tamam biraz\u00a0javascript ile u\u011fra\u015f\u0131nca muhakkak \u00e7\u00f6z\u00fcme ula\u015f\u0131rd\u0131m fakat daha kolay, net bir yolu olmal\u0131 diye 1 ay elimi s\u00fcrmedim. Bilmemek ay\u0131p de\u011fil ya hele\u00a0sevgili\u00a0google da bana yard\u0131mc\u0131 olamay\u0131nca (ne arad\u0131\u011f\u0131n\u0131 iyi ifade edememek de bir sorundur) biraz zamana yayd\u0131m ve an itibariyle html5 yard\u0131m\u0131ma ko\u015ftu.<\/p>\n<p>S\u00f6z\u00fcn \u00f6z\u00fc select2 de yazd\u0131\u011f\u0131n\u0131z kelime vs. datada yoksa ba\u015fka bir\u00a0nesneye odakland\u0131\u011f\u0131n\u0131z zaman yazd\u0131\u011f\u0131n\u0131z veriyi siler nitekim o bir selectboxd\u0131r. Fakat html5&#8217;in datalist nesnesi daha vefal\u0131d\u0131r yaz\u0131lan\u0131 unutmaz.\u015e\u00f6yleki;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;input list=&#8221;testliste&#8221; name=&#8221;inputboxim&gt;<\/p>\n<p>&lt;datalist id=&#8221;testliste&#8221;&gt;<\/p>\n<p>&lt;option value=&#8221;De\u011ferbir&#8221;&gt;<\/p>\n<p>&lt;option value=&#8221;de\u011feriki&#8221;&gt;<\/p>\n<p>&lt;\/datalist&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>bu kadar. Tabi siz bu de\u011ferleri bir foreach ile ilgili veritaban\u0131ndan \u00e7ekip ekleyebilirsiniz. Bunlar klasik i\u015flemler. Bazen ki bootstrap kullan\u0131yorsan\u0131z datalisti inputtan hemen sonra koymak \u015fablonu bozabiliyor. O y\u00fczden form bitiminde son nesne olarak koyarsan\u0131z iyi olur. Yani<\/p>\n<p>&lt;input list=&#8221;testliste&#8221; name=&#8221;inputboxim&#8221;&gt;<\/p>\n<p>&lt;input name=&#8221;baskanesne&#8221; type=&#8221;text&#8221;&gt;<\/p>\n<p>&lt;datalist id=&#8221;testliste&#8221;&gt;<\/p>\n<p>&#8230;<\/p>\n<p>&#8230;<\/p>\n<p>&lt;\/datalist&gt;<\/p>\n<p>&lt;\/form&gt;<\/p>\n<p>Umar\u0131m art\u0131k google yard\u0131mc\u0131 olur \ud83d\ude42 \u0130yi \u00e7al\u0131\u015fmalar<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Temelden ba\u015flamak gerek temelden. Neden mi? \u00c7\u00fcnk\u00fc yeni\u00a0y\u00f6ntemler, scriptler, teknolojiler derken\u00a0elimizin alt\u0131ndaki se\u00e7enekleri g\u00f6rmekte gecikiyoruz. Evet temel \u00f6nemli. Html mi? Bitir sonra html5 i \u00f6\u011fren. Html 7 \u00e7\u0131kt\u0131ysa i\u015fini g\u00fcc\u00fcn\u00fc b\u0131rak onu da \u00f6\u011fren. Neden mi? K\u0131sadan\u00a0\u00e7aresiz kald\u0131\u011f\u0131m bir durumu anlatmak gerekirse;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[3],"tags":[17,23,34,35,56],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Select2&#039;ye tak\u0131l\u0131p kalmay\u0131n - aakifb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Select2&#039;ye tak\u0131l\u0131p kalmay\u0131n - aakifb\" \/>\n<meta property=\"og:description\" content=\"Temelden ba\u015flamak gerek temelden. Neden mi? \u00c7\u00fcnk\u00fc yeni\u00a0y\u00f6ntemler, scriptler, teknolojiler derken\u00a0elimizin alt\u0131ndaki se\u00e7enekleri g\u00f6rmekte gecikiyoruz. Evet temel \u00f6nemli. Html mi? Bitir sonra html5 i \u00f6\u011fren. Html 7 \u00e7\u0131kt\u0131ysa i\u015fini g\u00fcc\u00fcn\u00fc b\u0131rak onu da \u00f6\u011fren. Neden mi? K\u0131sadan\u00a0\u00e7aresiz kald\u0131\u011f\u0131m bir durumu anlatmak gerekirse;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/\" \/>\n<meta property=\"og:site_name\" content=\"aakifb\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-20T18:59:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-22T11:08:26+00:00\" \/>\n<meta name=\"author\" content=\"aakifb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"aakifb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/\",\"url\":\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/\",\"name\":\"Select2'ye tak\u0131l\u0131p kalmay\u0131n - aakifb\",\"isPartOf\":{\"@id\":\"https:\/\/www.aakifb.com\/#website\"},\"datePublished\":\"2014-12-20T18:59:52+00:00\",\"dateModified\":\"2016-10-22T11:08:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\/\/www.aakifb.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select2&#8217;ye tak\u0131l\u0131p kalmay\u0131n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aakifb.com\/#website\",\"url\":\"https:\/\/www.aakifb.com\/\",\"name\":\"aakifb\",\"description\":\"Ki\u015fisel Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aakifb.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7\",\"name\":\"aakifb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g\",\"caption\":\"aakifb\"},\"url\":\"https:\/\/www.aakifb.com\/index.php\/author\/aakifb\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Select2'ye tak\u0131l\u0131p kalmay\u0131n - aakifb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/","og_locale":"tr_TR","og_type":"article","og_title":"Select2'ye tak\u0131l\u0131p kalmay\u0131n - aakifb","og_description":"Temelden ba\u015flamak gerek temelden. Neden mi? \u00c7\u00fcnk\u00fc yeni\u00a0y\u00f6ntemler, scriptler, teknolojiler derken\u00a0elimizin alt\u0131ndaki se\u00e7enekleri g\u00f6rmekte gecikiyoruz. Evet temel \u00f6nemli. Html mi? Bitir sonra html5 i \u00f6\u011fren. Html 7 \u00e7\u0131kt\u0131ysa i\u015fini g\u00fcc\u00fcn\u00fc b\u0131rak onu da \u00f6\u011fren. Neden mi? K\u0131sadan\u00a0\u00e7aresiz kald\u0131\u011f\u0131m bir durumu anlatmak gerekirse;","og_url":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/","og_site_name":"aakifb","article_published_time":"2014-12-20T18:59:52+00:00","article_modified_time":"2016-10-22T11:08:26+00:00","author":"aakifb","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"aakifb","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/","url":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/","name":"Select2'ye tak\u0131l\u0131p kalmay\u0131n - aakifb","isPartOf":{"@id":"https:\/\/www.aakifb.com\/#website"},"datePublished":"2014-12-20T18:59:52+00:00","dateModified":"2016-10-22T11:08:26+00:00","author":{"@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7"},"breadcrumb":{"@id":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aakifb.com\/index.php\/2014\/12\/20\/select2ye-takilip-kalmayin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.aakifb.com\/"},{"@type":"ListItem","position":2,"name":"Select2&#8217;ye tak\u0131l\u0131p kalmay\u0131n"}]},{"@type":"WebSite","@id":"https:\/\/www.aakifb.com\/#website","url":"https:\/\/www.aakifb.com\/","name":"aakifb","description":"Ki\u015fisel Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aakifb.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7","name":"aakifb","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g","caption":"aakifb"},"url":"https:\/\/www.aakifb.com\/index.php\/author\/aakifb\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pbvmez-4a","_links":{"self":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/258"}],"collection":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":1,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/258\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/258\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/media?parent=258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/categories?post=258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/tags?post=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}