Chosen: рдбреЗрдЯрд╛-рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдЕрдЧре░ 2011  ┬╖  22рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: harvesthq/chosen

рдореИрдВ рдЗрд╕реЗ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд░реВрдк рдореЗрдВ рджреЗрдЦрдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ред

FF5.0 рдФрд░ IE9 рдореЗрдВ рдЕрднреА рднреА "рдХреБрдЫ рд╡рд┐рдХрд▓реНрдк рдЪреБрдиреЗрдВ" рджрд┐рдЦрд╛рддрд╛ рд╣реИ

  <select data-placeholder="Select State(s)..." class="state_list" multiple>
    <option value=""></option> 
    <option value="OL">(Online Courses)</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
    <option value="IA">Iowa</option>
    <option value="KS">Kansas</option>
    <option value="KY">Kentucky</option>
    <option value="LA">Louisiana</option>
    <option value="ME">Maine</option>
    <option value="MD">Maryland</option>
    <option value="MA">Massachusetts</option>
    <option value="MI">Michigan</option>
    <option value="MN">Minnesota</option>
    <option value="MS">Mississippi</option>
    <option value="MO">Missouri</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option>
    <option value="NV">Nevada</option>
    <option value="NH">New Hampshire</option>
    <option value="NJ">New Jersey</option>
    <option value="NM">New Mexico</option>
    <option value="NY">New York</option>
    <option value="NC">North Carolina</option>
    <option value="ND">North Dakota</option>
    <option value="OH">Ohio</option>
    <option value="OK">Oklahoma</option>
    <option value="OR">Oregon</option>
    <option value="PA">Pennsylvania</option>
    <option value="PR">Puerto Rico</option>
    <option value="RI">Rhode Island</option>
    <option value="SC">South Carolina</option>
    <option value="SD">South Dakota</option>
    <option value="TN">Tennessee</option>
    <option value="TX">Texas</option>
    <option value="UT">Utah</option>
    <option value="VT">Vermont</option>
    <option value="VA">Virginia</option>
    <option value="WA">Washington</option>
    <option value="WV">West Virginia</option>
    <option value="WI">Wisconsin</option>
    <option value="WY">Wyoming</option>
  </select>

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЖрдкрдХреЛ рд╕рднреА рд╡рд┐рдХрд▓реНрдкреЛрдВ рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рдХрд▓реНрдк рд░рдЦрдирд╛ рд╣реЛрдЧрд╛:

рд╕рднреА 22 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреЛрдИ рдмрд╛рдд рдирд╣реАрдВ, рдореИрдВрдиреЗ рдЯреЛрдорд╛рдкрд╛рдиреЛ рд╢рд╛рдЦрд╛ рдбрд╛рдЙрдирд▓реЛрдб рдХреА рдФрд░ рд╢реАрд░реНрд╖рдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ред

рдореЗрд░рд╛ рдорддрд▓рдм рдерд╛ tompaton рд╢рд╛рдЦрд╛

рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рдЗрд╕реЗ рд╣рд▓ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред рдХреГрдкрдпрд╛ рд╕рд╣рд╛рдпрддрд╛ рдХрд░реЗрдВред

рдпрджрд┐ рдЖрдк 1.4.3 рд╕реЗ рдЕрдзрд┐рдХ рдкреБрд░рд╛рдиреЗ jQuery рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ jQuery.data() рдореЗрдВ HTML5 рдбреЗрдЯрд╛ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣ рд╕реБрдзрд╛рд░ рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛:

http://binarykitten.me.uk/dev/jq-plugins/288-html5-data-attributes-and-jquerys-data-pairing-made-in-heaven.html

рдореИрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдореИрдВ jQuery 1.6.4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ ...

рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдПрдХ рдЕрд▓рдЧ рдХрд┐рдП рдЧрдП jQuery рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ? 1.6.4 рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

рдирд╣реАрдВ, рдпрд╣ рдкреВрд░реНрдг рд╕рдВрд╕реНрдХрд░рдг рд╣реИ

рд╕рдорд╕реНрдпрд╛ рдХреЛ рджреЛрд╣рд░рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдиреНрдпреВрдирддрдо рдЯреЗрд╕реНрдЯрдХреЗрд╕ рдмрдирд╛рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред

рдпреЗ рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ:

http://marksteggles.com/chosen_test.html

рдЖрдк рдЪреБрдиреЗ рд╣реБрдП рдХреЗ рдкреБрд░рд╛рдиреЗ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдирд╡реАрдирддрдо рдХреЗ рд╕рд╛рде рдкреБрди: рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред рдФрд░ рдЧреИрд░-рдЫреЛрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ, рдЗрд╕ рддрд░рд╣ рдбреАрдмрдЧ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИред

рдЖрдк рдбреЗрдЯрд╛ ('рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░') рдХреЗ рдмрдЬрд╛рдп рдПрдЯреАрдЖрд░ ('рдбреЗрдЯрд╛-рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░') рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░рддреЗ? рдпрд╣ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкреЛрд░реНрдЯреЗрдмрд▓ рдФрд░ рд╕рд╛рджрдЧреА рдХреЗ рд╕рдорд╛рди рдХреНрд░рдо рдХрд╛ рд╣реИред

@varepsilon : рдзреНрдпрд╛рди рд░рдЦреЗрдВ рдХрд┐ рдХреЛрдИ рднреА рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдП рдмрд┐рдирд╛ jQuery рдХреЗ рдбреЗрдЯрд╛ рд╣реИрд╢ рдХреЛ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рджреЛрдиреЛрдВ рдЬрд░реВрд░реА рд╕рдордХрдХреНрд╖ рдирд╣реАрдВ рд╣реИрдВред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:

<div id="foo" data-bar="baz"></div>
$('#foo').data('bar') // "baz"
$('#foo').data('bar', 'quux')
$('#foo').data('bar') // "quux"
$('#foo').attr('data-bar') // "baz"

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдЗрд╕ рдЬрд╛рд▓ рдХреЗ рд▓рд┐рдП рджреЗрдЦреЗрдВ:

<div id="commit" data-hash="368e54010865"></div>
$('#commit').attr('data-hash') // "368e54010865"
$('#commit').data('hash') // Infinity

@davidchambers : рдареАрдХ рд╣реИ, рдореИрдВ рджреЗрдЦрддрд╛ рд╣реВрдБред рд▓реЗрдХрд┐рди рдЕрдзрд┐рдХ рдкреЛрд░реНрдЯреЗрдмрд▓ рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ (рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ attr () рдирд╣реАрдВ рдбреЗрдЯрд╛ ()) рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╣реЗрдВ? рдФрд░ рдпрд╣ рдХреНрдпреЛрдВ jQuery 1.4 рдХрд╛ рджрд╛рд╡рд╛ рдХрд░рддрд╛ рд╣реИред * рд╕рдВрдЧрддрддрд╛ рдЬрдм рдпрд╣ рд╕рдЪ рдирд╣реАрдВ рд╣реИ?

@varepsilon : рдореИрдВ рдЪреБрдиреЗ рд╣реБрдП рдбреЗрд╡рд▓рдкрд░реНрд╕ рдореЗрдВ рд╕реЗ рдПрдХ рдирд╣реАрдВ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдпрд╣ рдирд╣реАрдВ рдХрд╣ рд╕рдХрддрд╛ рдХрд┐ data-placeholder рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЗ рдмрдЬрд╛рдп jQuery рдбреЗрдЯрд╛ рд╣реИрд╢ рд╕реЗ рдореВрд▓реНрдп рдЦреАрдВрдЪрдиреЗ рдХрд╛ рдирд┐рд░реНрдгрдп рдХреНрдпреЛрдВ рд▓рд┐рдпрд╛ рдЧрдпрд╛ред

рдЖрдкрдХреЛ рд╕рднреА рд╡рд┐рдХрд▓реНрдкреЛрдВ рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рдХрд▓реНрдк рд░рдЦрдирд╛ рд╣реЛрдЧрд╛:

рдЪреБрдирд╛ рддрддреНрд╡ рдХреЗ рдбреЗрдЯрд╛-рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░ рдорд╛рди рдХреЛ рдкрдврд╝рдХрд░ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реАрд▓реНрдб рдЯреЗрдХреНрд╕реНрдЯ ("рдПрдХ рджреЗрд╢ рдЪреБрдиреЗрдВ ...") рд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИред рдпрджрд┐ рдХреЛрдИ рдбреЗрдЯрд╛-рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░ рдорд╛рди рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИ, рддреЛ рдпрд╣ "рдПрдХ рд╡рд┐рдХрд▓реНрдк рдХрд╛ рдЪрдпрди рдХрд░реЗрдВ" рдпрд╛ "рдХреБрдЫ рд╡рд┐рдХрд▓реНрдк рдЪреБрдиреЗрдВ" рдХреЗ рд▓рд┐рдП рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реЛрдЧрд╛, рдпрд╣ рдЗрд╕ рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдЪрдпрди рдПрдХрд▓ рд╣реИ рдпрд╛ рдПрдХрд╛рдзрд┐рдХред рдЖрдк рдЗрди рддрддреНрд╡реЛрдВ рдХреЛ рдкреНрд▓рдЧрдЗрди рдЬреЗрдПрд╕ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВ рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рдлрд┐рдЯ рджреЗрдЦрддреЗ рд╣реИрдВред

рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рдХрд▓реНрдк рдХреЗ рд╕рд╛рде рдирд╡реАрдирддрдо рдЪреБрдиреЗ рд╣реБрдП рдФрд░ jquery2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИред

рдореБрдЭреЗ рднреА рдЗрд╕реА рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИ ..

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдерд╛ рд▓реЗрдХрд┐рди рдЬреИрд╕реЗ mandrei99 рдиреЗ рдХрд╣рд╛ рдХрд┐ рдЗрд╕рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЗ рдкрд╛рд╕ рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рдХрд▓реНрдк рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред рдЬреИрд╕реЗ рд╣реА рдореИрдВрдиреЗ рдПрдХ рдЬреЛрдбрд╝рд╛ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛ред

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдерд╛ рдФрд░ рдПрдХ рдЦрд╛рд▓реА рд░рдЦрдиреЗ рдХрд╛ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рдерд╛

рдзрдиреНрдпрд╡рд╛рдж @ andrei-manescu рд╡рд╣ рд╕рдм рдХреБрдЫ рдерд╛ рдЬреЛ рдореЗрд░реЗ рдЕрдВрдд рдореЗрдВ рдЖрд╡рд╢реНрдпрдХ рдерд╛;)

рдЗрд╕реЗ рдкреНрд░рдХрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рдХрд▓реНрдк рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреИрд╕реЗ рд╣реИ, рдХреНрдпрд╛ рдЗрд╕реЗ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдирд╣реАрдВ рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рд┐рдП? рдереЛрдбрд╝реА рджреЗрд░ рдЦреЛрдЬ рд░рд╣рд╛ рдерд╛ рдЬрдм рдореИрдВрдиреЗ рджреЗрдЦрд╛ рдХрд┐ рдпрд╣ рд╕рд┐рд░реНрдл рдЙрд╕реА рдХреА рд╡рдЬрд╣ рд╕реЗ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

lordspace picture lordspace  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jim-at-miramontes picture jim-at-miramontes  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

raggzy picture raggzy  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ali1360 picture ali1360  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SFPink picture SFPink  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ