[B! select] koda3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

koda3 id:koda3

selectã«é–¢ã™ã‚‹koda3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³Chosenã®ä½¿ã„æ–¹ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚ã« selectãƒœãƒƒã‚¯ã‚¹ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã«ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³Chosenã®ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webåˆ¶ä½œã®ç¾å ´ã§ä½¿ã†jQueryãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€[æ”¹è¨‚æ–°ç‰ˆ] (WEB PROFESSIONAL)posted with amazlet at 13.06.12è¥¿ç•‘ä¸€é¦¬ ã‚¢ã‚¹ã‚ãƒ¼ãƒ»ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ¯ãƒ¼ã‚¯ã‚¹ å£²ã‚Šä¸Šã’ãƒ©ãƒ³ã‚ãƒ³ã‚°: 4,610 Amazon.co.jpã§è©³ç´°ã‚’è¦‹ã‚‹ ãƒ‡ãƒ¢ ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã§Chosenã‚’ä½“é¨“ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosenã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ ï¼‘ï¼Žjsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.google api
koda3 2016/12/09
select

jQuery
ãƒªãƒ³ã‚¯
Chosenãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½¿ã„æ–¹ï¼ˆåŸºç¤Žç·¨ï¼‰ - HRR Co., Ltd.
ã¯ã˜ã‚ã« ã‚ã¾ã‚Šæ—¥æœ¬èªžã®æƒ…å ±ãŒãªã„ã®ã§ã€ã¾ã¨ã‚ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã«ãªã„ã“ã¨ã‚’æ„è˜ã—ã¦æ›¸ãã¾ã™ã€‚ ä»Šå›žã¯åŸºç¤Žç·¨ã¨ã„ã†ã“ã¨ã§ã€å‰²ã¨æµ…ã„å†…å®¹ã§ã™ã€‚ ãã®å¾Œã€åŸºç¤Žç·¨2ã‚’æ›¸ãã¾ã—ãŸã€‚ hrroct.hatena blog.com ç™ºå±•ç·¨ã‚‚æ›¸ãã¾ã—ãŸã€‚ hrroct.hatena blog.com Chosenãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã¯ Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes ã€Œé•·ãã¦æ‰±ã„ã¥ã‚‰ã„ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ä½¿ã„ã‚„ã™ã„ã‚‚ã®ã«ã—ã¾ã™ã€(å‹æ‰‹ãªæ„è¨³) ã¨ã‚ã‚‹ã‚ˆã†ã«ã€selectã‚¿ã‚°ã®UIã‚’å¤‰åŒ–ã•ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒªãƒ³ã‚¯å…ˆã«ã‚µãƒ³ãƒ—ãƒ«ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€å®Ÿéš›ã«ã„ã˜ã£ã¦ã¿ã‚‹ã®ãŒæ—©ã„ã§ã™ã€‚ ä½¿ã„æ–¹ ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰â†“ Edit fiddle - JSFiddle ä¸‹è¨˜ã‚µã‚¤ãƒˆã‚’ä½¿ã£ã¦å®Ÿéš›ã«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã‚‹ã‚‚ã®
koda3 2016/12/09
select

html
ãƒªãƒ³ã‚¯
[JS]ã“ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯é¢ç™½ã„ï¼ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®é¸æŠžè‚¢ã‚’ã™ãã«é¸æŠžã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Quick[select]
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã¯å¤šãã®é¸æŠžè‚¢ã‚’é…ç½®ã§ãã‚‹ä¾¿åˆ©ãªè¦ç´ ã§ã™ãŒã€ä»–ã®ãƒ•ã‚©ãƒ¼ãƒ ã¨æ“ä½œæ€§ãŒç•°ãªã‚‹ãŸã‚ä¸€é€£ã®æµã‚Œã§å…¥åŠ›ã—ã«ãã„ã®ãŒå¼±ç‚¹ã§ã™ã€‚ ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®æ“ä½œæ€§ã‚’æ”¹å–„ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«å¤‰æ›´ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Quickã®åå‰ã®é€šã‚Šã€ã™ãã«é¸æŠžã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ é€šå¸¸ã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®æŒ™å‹• ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã¯ã€ã‚¿ãƒƒãƒ—ã¨ã‚¯ãƒªãƒƒã‚¯ã®2ã¤ã®ã‚ªãƒšãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ä»–ã®è¦ç´ ã¨æ“ä½œæ€§ãŒç•°ãªã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸€é€£ã®æµã‚Œã‹ã‚‰å¤–ã—ã¦ã—ã¾ã†ã‚‚ã®ã§ã™ã€‚ ãã“ã§æ³¨ç›®ã™ã¹ãç‚¹ã¯ã€é€šå¸¸ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®é¸æŠžè‚¢ã®ä¸ã«ã¯ã‚ˆã‚Šå¤šãé¸æŠžã•ã‚Œã‚‹ã‚‚ã®ãŒã‚ã‚‹ã“ã¨ã§ã™ã€‚ä¸Šè¨˜ã®ä¾‹ã ã¨ã€ã€Œã¯ã„ã€ã€Œã„ã„ãˆã€ãŒå¤šã„ã§ã—ã‚‡ã†ã€‚ Quick[select]ã¯ã€ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®é¸æŠžè‚¢ã®ä¸ã‹ã‚‰ã€ã„ãã¤ã‹ã‚’è¡¨ç¤ºã•ã›ã¦ãŠãã“ã¨ãŒã§ãã¾ã™ã€‚
koda3 2015/11/09
select

design

javascript
ãƒªãƒ³ã‚¯
è¤‡æ•°é¸æŠžå¯èƒ½ãªselectè¦ç´ ã‚’ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹å¯¾å¿œãƒ»ä¸€æ‹¬é¸æŠžå¯èƒ½ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Multiple Select - ã‹ã¡ã³ã¨.net
è¤‡æ•°é¸æŠžå¯èƒ½ãªselectè¦ç´ ã‚’ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹å¯¾å¿œãƒ»ä¸€æ‹¬é¸æŠžå¯èƒ½ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Multiple Selectã®ã”ç´¹ä»‹ã€‚ãªã‹ãªã‹ä¾¿åˆ©ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã§ã™ã€‚ è¤‡æ•°é¸æŠžå¯èƒ½ãªselectãƒœãƒƒã‚¯ã‚¹ã‚’ç›´æ„Ÿçš„ãªæ“ä½œã§æ‰‹è»½ã«é¸æŠžã§ãã‚‹ã‚ˆã†ã«ã—ã‚ˆã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸã‚‚ã®ã‚‚ä¸€æ‹¬é¸æŠžã§ãã‚‹ã®ãŒå€‹äººçš„ã«ã¯å¬‰ã—ã‹ã£ãŸã§ã™ã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="jquery.multiple.select.js"></script> æœ¬ä½“ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $('#foo').multipleSelect(); ã‚»ãƒ¬ã‚¯ã‚¿ã«ã¯selectè¦ç´ ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã¾ãŸã€ç´°ã‹ã„ã‚ªãƒ—ã‚·ãƒ§ãƒ³è¨å®šãŒå¯èƒ½ã§ã™
koda3 2015/11/02
jquery

select
ãƒªãƒ³ã‚¯
1