[**Selectize.js**](https://selectize.github.io/selectize.js/) is a select2 alternative I&#39;ve been working on that has a suite of tests using a combination of [testem](https://github.com/airportyh/testem), [syn](https://github.com/bitovi/syn), [mocha](http://visionmedia.github.io/mocha/), and [chai](http://chaijs.com/). Right now there are the following classes of tests:

- **Interaction**&lt;br&gt;Functional tests that makes sure the control behaves as if the user is using it (using [syn](https://github.com/bitovi/syn)).
- **Setup**&lt;br&gt;Ensures the control can be initialized properly from existing `&lt;select&gt;` and `&lt;input&gt;` elements.
- **API**&lt;br&gt;Tests core API methods for proper functionality.
- **Events**&lt;br&gt;Ensures built-in events get fired at the right times with the proper arguments.
- **XSS**&lt;br&gt;Tests a handful of potential exploits.

With that said, the tests aren&#39;t as expansive as I want them to be, but it&#39;s getting there :)

**Note:** I&#39;m no longer maintaining this project. Choose another one.

---

[Bselect](http://github.com/gustavohenke/bselect), which I develop, _is_ tested, however doesn&#39;t include all the features (yet) from Select2/Chosen.

If you want, join me in its development :)

Another possible alternative is [bootstrap-multiselect](https://github.com/davidstutz/bootstrap-multiselect)

&quot;JQuery multiselect plugin based on Twitter Bootstrap&quot;

Examples and documentation: http://davidstutz.github.io/bootstrap-multiselect/

- The repository does not contain any automated tests, [manual tests](https://github.com/davidstutz/bootstrap-multiselect/blob/master/tests.html) instead
- Themed using Bootstrap 3
- JavaScript source code is short: 800 lines of code
- 524 stars on GitHub (as of 2013/12/13)

For a long time now, I have been stuck with Windows Forms development (started with VB6, and has continued through to C# .NET 4.5), and I have pretty much hit the limit of what Windows Forms can do, both using pure .NET, and special effects with Native Code.

I have tried to learn WPF and XAML, but I get stuck right at WPF&#39;s new designer. It really seems very difficult to use in comparison to the Windows Forms designer.

I want to know if there are any alternatives to .NET&#39;s WPF designer, that are more suited to Windows Forms developers?

Transitioning from Windows Forms to WPF

I have some Python code example I&#39;d like to share that should do something different if executed in the terminal Python / IPython or in the IPython notebook.

How can I check from my Python code if it&#39;s running in the IPython notebook?

How can I check if code is executed in the IPython notebook?

I am looking for an alternative to Select2 that basically provides the same functionality, but  includes proper tests.

The quest for the holy grail? The last unicorn?

Is there a properly tested alternative to Select2 or Chosen?

<p>I am looking for an alternative to Select2 that basically provides the same functionality, but  includes proper tests.</p>
<p>The quest for the holy grail? The last unicorn?</p>


I am trying to add a feature of csv download option in my website. It should convert the html table present in the website in to csv content and make it downloadable. Ive been searching through internet for a good plugin and found some usefule ones like [http://www.dev-skills.com/export-html-table-to-csv-file/][1]  But it uses php script to do the download part. I was wondering if there is a pure javascript library available to do this feature using server side softwares like node.js without the use of php??

[1]:https://web.archive.org/web/20131008192222/http://www.dev-skills.com/export-html-table-to-csv-file/

Export HTML table to CSV using vanilla javascript

I need to disable a DIV and all it&#39;s content using Javascript.  I can swear that doing a simple 

    &lt;div disabled=&quot;true&quot;&gt; 

was working for me before, but for some reason it no longer works.  I don&#39;t understand why.

In IE10: the text &quot;Click Me&quot; is not greyed out and click handler still works.


I actually need this working for IE10.  Below is my code.

    &lt;html&gt;
        &lt;script&gt;
             function disableTest(){

                document.getElementById(&quot;test&quot;).disabled = true;
                var nodes = document.getElementById(&quot;test&quot;).getElementsByTagName(&#39;*&#39;);
                for(var i = 0; i &lt; nodes.length; i++){
                    nodes[i].disabled = true;
                }

             }


         &lt;/script&gt;

    &lt;body onload=&quot;disableTest();&quot;&gt;
       &lt;div id=&quot;test&quot;&gt;
           &lt;div onclick=&quot;alert(&#39;hello&#39;);&quot;&gt;
               Click Me
           &lt;/div&gt;
       &lt;/div&gt;

    &lt;/body&gt;
    &lt;/html&gt;

how to disable DIV element and everything inside

How do you save an image from a Three.js canvas?

I&#39;m attempting to use Canvas2Image but it doesn&#39;t like to play with Threejs. Since the canvas isn&#39;t defined until it has a div to attach the canvas object to.

http://ajaxian.com/archives/canvas2image-save-out-your-canvas-data-to-images

How do you save an image from a Three.js canvas?

I&#39;m wondering how to add another method call to the window.onload event once it has already
been assigned a method call.

Suppose somewhere in the script I have this assignment...

     window.onload = function(){ some_methods_1() };
and then later on in the script I have this assignment

     window.onload = function(){ some_methods_2() };


As it stands, only `some_methods_2` will be called. Is there any way to add to the previous `window.onload` callback without cancelling `some_methods_1` ? (and also without including both `some_methods_1()` and `some_methods_2()` in the same function block). 

I guess this question is not really about `window.onload` but a question about javascript in general. I DON&#39;T want to assign something to `window.onload` in such a way that that if another developer were to work on the script and add a piece of code that also uses `window.onload` (without looking at my previous code), he would disable my onload event. 

I&#39;m also wondering the same thing about 

      $(document).ready()
 in jquery. 
How can I add to it without destroying what came before, or what might come after?

adding to window.onload event?

I&#39;m implementing a website in Angular.js, which is hitting an ASP.NET WebAPI backend.

Angular.js has some in-built features to help with anti-csrf protection. On each http request, it will look for a cookie called &quot;XSRF-TOKEN&quot; and submit it as a header called &quot;X-XSRF-TOKEN&quot; .

This relies on the webserver being able to set the XSRF-TOKEN cookie after authenticating the user, and then checking the X-XSRF-TOKEN header for incoming requests.

The [Angular documentation][1] states:

&gt; To take advantage of this, your server needs to set a token in a JavaScript readable session cookie called XSRF-TOKEN on first HTTP GET request. On subsequent non-GET requests the server can verify that the cookie matches X-XSRF-TOKEN HTTP header, and therefore be sure that only JavaScript running on your domain could have read the token. The token must be unique for each user and must be verifiable by the server (to prevent the JavaScript making up its own tokens). We recommend that the token is a digest of your site&#39;s authentication cookie with salt for added security.

I couldn&#39;t find any good examples of this for ASP.NET WebAPI, so I&#39;ve rolled my own with help from various sources. My question is - can anyone see anything wrong with the code?

First I defined a simple helper class:

    public class CsrfTokenHelper
	{
		const string ConstantSalt = &quot;&lt;ARandomString&gt;&quot;;

		public string GenerateCsrfTokenFromAuthToken(string authToken)
		{
			return GenerateCookieFriendlyHash(authToken);
		}

		public bool DoesCsrfTokenMatchAuthToken(string csrfToken, string authToken) 
		{
			return csrfToken == GenerateCookieFriendlyHash(authToken);
		}

		private static string GenerateCookieFriendlyHash(string authToken)
		{
			using (var sha = SHA256.Create())
			{
				var computedHash = sha.ComputeHash(Encoding.Unicode.GetBytes(authToken + ConstantSalt));
				var cookieFriendlyHash = HttpServerUtility.UrlTokenEncode(computedHash);
				return cookieFriendlyHash;
			}
		}
	}

Then I have the following method in my authorisation controller, and I call it after I call   FormsAuthentication.SetAuthCookie():

		// http://www.asp.net/web-api/overview/security/preventing-cross-site-request-forgery-(csrf)-attacks
		// http://docs.angularjs.org/api/ng.$http
		private void SetCsrfCookie()
		{
			var authCookie = HttpContext.Current.Response.Cookies.Get(&quot;.ASPXAUTH&quot;);
			Debug.Assert(authCookie != null, &quot;authCookie != null&quot;);
			var csrfToken = new CsrfTokenHelper().GenerateCsrfTokenFromAuthToken(authCookie.Value);
			var csrfCookie = new HttpCookie(&quot;XSRF-TOKEN&quot;, csrfToken) {HttpOnly = false};
			HttpContext.Current.Response.Cookies.Add(csrfCookie);
		}

Then I have a custom attribute which I can add to controllers to make them check the csrf header:

    public class CheckCsrfHeaderAttribute : AuthorizeAttribute
	{
		//	http://stackoverflow.com/questions/11725988/problems-implementing-validatingantiforgerytoken-attribute-for-web-api-with-mvc
		protected override bool IsAuthorized(HttpActionContext context)
		{
			// get auth token from cookie
			var authCookie = HttpContext.Current.Request.Cookies[&quot;.ASPXAUTH&quot;];
			if (authCookie == null) return false;
			var authToken = authCookie.Value;

			// get csrf token from header
			var csrfToken = context.Request.Headers.GetValues(&quot;X-XSRF-TOKEN&quot;).FirstOrDefault();
			if (String.IsNullOrEmpty(csrfToken)) return false;

			// Verify that csrf token was generated from auth token
			// Since the csrf token should have gone out as a cookie, only our site should have been able to get it (via javascript) and return it in a header. 
			// This proves that our site made the request.
			return new CsrfTokenHelper().DoesCsrfTokenMatchAuthToken(csrfToken, authToken);
		}
	}

Lastly, I clear the Csrf token when the user logs out:

    HttpContext.Current.Response.Cookies.Remove(&quot;XSRF-TOKEN&quot;);

Can anyone spot any obvious (or not-so-obvious) problems with that approach?

  [1]: http://docs.angularjs.org/api/ng.$http

Angular against Asp.Net WebApi, implement CSRF on the server

How should I be passing query string values in a jQuery Ajax request? I currently do them as follows but I&#39;m sure there is a cleaner way that does not require me to encode manually.

    $.ajax({
    	url: &quot;ajax.aspx?ajaxid=4&amp;UserID=&quot; + UserID + &quot;&amp;EmailAddress=&quot; + encodeURIComponent(EmailAddress),
    	success: function(response) {
    		//Do Something
    	},
    	error: function(xhr) {
    		//Do Something to handle error
    	}
    });

I’ve seen examples where query string parameters are passed as an array but these examples I&#39;ve seen don&#39;t use the `$.ajax()` model, instead they go straight to `$.get()`. For example:

    $.get(&quot;ajax.aspx&quot;, { UserID: UserID , EmailAddress: EmailAddress } );

I prefer to use the $.ajax() format as it&#39;s what I’m used to (no particularly good reason - just a personal preference).

**Edit 09/04/2013:**

After my question was closed (as &quot;Too Localised&quot;) i found a related (identical) question - with 3 upvotes no-less (My bad for not finding it in the first place):

https://stackoverflow.com/questions/3066070/using-jquery-to-make-a-post-how-to-properly-supply-data-parameter

This answered my question perfectly, I found that doing it this way is much easier to read &amp; I don&#39;t need to manually use `encodeURIComponent()` in the URL or the DATA values (which is what i found unclear in bipen&#39;s answer). This is because the `data` value is encoded automatically via [`$.param()`][1]). Just in case this can be of use to anyone else, this is the example I went with:

    $.ajax({
        url: &quot;ajax.aspx?ajaxid=4&quot;,
        data: { 
            &quot;VarA&quot;: VarA, 
            &quot;VarB&quot;: VarB, 
            &quot;VarC&quot;: VarC
        },
        cache: false,
        type: &quot;POST&quot;,
        success: function(response) {

        },
        error: function(xhr) {

        }
    });

  [1]: http://api.jquery.com/jQuery.param/

How to pass parameters in GET requests with jQuery

I want to add text to an existing div, when I click the Button with the id #add. But this is not working. 

Here my code: 

  

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    $(function () {
      $(&#39;#Add&#39;).click(function () {
        $(&#39;&lt;p&gt;Text&lt;/p&gt;&#39;).appendTo(&#39;#Content&#39;);
      });
    }); 

&lt;!-- language: lang-html --&gt;

    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js&quot;&gt;&lt;/script&gt;
     &lt;div id=&quot;Content&quot;&gt;
        &lt;button id=&quot;Add&quot;&gt;Add&lt;/button&gt;
     &lt;/div&gt;

&lt;!-- end snippet --&gt;

I hope you can help me. 


How to add text to an existing div with jquery

I am just wondering what&#39;s the name of the below form? I was Googling from morning for the list of HTML forms but I couldn&#39;t find this kind of form anywhere. Can anyone tell me the exact name of this form and is this available in HTML forms?

![enter image description here][1]

I just want to add this kind of form in my website. Is that available for HTML or should I use JavaScript or its only limited for Windows applications?

  [1]: http://i.stack.imgur.com/MXNrO.png

HTML multiple select box

I have been running into issues with the chrome autofill behavior on several forms. 

The fields in the form all have very common and accurate names, such as &quot;email&quot;, &quot;name&quot;, or &quot;password&quot;, and they also have `autocomplete=&quot;off&quot;` set. 

The autocomplete flag has successfully disabled the autocomplete behavior, where a dropdown of values appear as you start typing, but has not changed the values that Chrome auto-populates the fields as. 

This behavior would be ok except that chrome is filling the inputs incorrectly, for example filling the phone input with an email address. Customers have complained about this, so it&#39;s verified to be happening in multiple cases, and not as some some sort of result to something that I&#39;ve done locally on my machine. 

The only current solution I can think of is to dynamically generate custom input names and then extract the values on the backend, but this seems like a pretty hacky way around this issue. Are there any tags or quirks that change the autofill behavior that could be used to fix this?

Disabling Chrome Autofill

With AngularJS, I can use &lt;code&gt;ng-pristine&lt;/code&gt; or &lt;code&gt;ng-dirty&lt;/code&gt; to detect if the user has entered the field. However, I want to do client-side validation only after the user has left the field area. This is because when a user enters a field like e-mail or phone, they will always get an error thrown until they&#39;ve completed typing out their full e-mail, and this is not an optimal user experience.

[**Example**][1]

------------

**UPDATE:**

Angular now ships with a custom blur event:
https://docs.angularjs.org/api/ng/directive/ngBlur


  [1]: http://plnkr.co/edit/E6l6GOkKOEuVO1iz0fjU?p=preview

Validate fields after user has left a field

As Most, I am familiar with the `readonly` attribute for `text input`, But while reading code from other websites (a nasty habit of mine ) I saw more than one implementation for this attribute:

    &lt;input type=&quot;text&quot; value=&quot;myvalue&quot; class=&quot;class anotherclass&quot; readonly &gt;
and 

    &lt;input type=&quot;text&quot; value=&quot;myvalue&quot; class=&quot;class anotherclass&quot; readonly=&quot;readonly&quot; &gt;

and I have even seen 

    &lt;input type=&quot;text&quot; value=&quot;myvalue&quot; class=&quot;class anotherclass&quot; readonly=&quot;true&quot; &gt;

.. And I believe I saw even more, but can not recall the exact syntax now..

So, which one is the correct one that I should use?

What is the correct readonly attribute syntax for input text elements?

I had working code that could reset my form when I click on a reset button. However after my code is getting longer, I realize that it doesn&#39;t work anymore. 

```html
&lt;div id=&quot;labels&quot;&gt;
  &lt;table class=&quot;config&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th colspan=&quot;4&quot;; style= &quot;padding-bottom: 20px; color:#6666FF; text-align:left; font-size: 1.5em&quot;&gt;Control Buttons Configuration&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;Index&lt;/th&gt;
        &lt;th&gt;Switch&lt;/th&gt;
        &lt;th&gt;Response Number&lt;/th&gt;
        &lt;th&gt;Description&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;            
      &lt;form id=&quot;configform&quot; name= &quot;input&quot; action=&quot;#&quot; method=&quot;get&quot;&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;1&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; value=&quot;&quot; id=&quot;number_one&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot;  id=&quot;label_one&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;2&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id = &quot;number_two&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot;  id = &quot;label_two&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;3&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;number_three&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;label_three&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td style=&quot;text-align: center&quot;&gt;4&lt;/td&gt;
          &lt;td&gt;&lt;img src= &quot;static/switch.png&quot; height=&quot;100px&quot; width=&quot;108px&quot;&gt;&lt;/td&gt;
          &lt;td id=&quot;small&quot;&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;number_four&quot; value=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input style=&quot;background: white; color: black;&quot; type=&quot;text&quot; id=&quot;label_three&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type=&quot;submit&quot; id=&quot;configsubmit&quot; value=&quot;Submit&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;input type=&quot;reset&quot; id=&quot;configreset&quot; value=&quot;Reset&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
                  
      &lt;/form&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
            
&lt;/div&gt;
```

And my jQuery:
```js
$(&#39;#configreset&#39;).click(function(){
    $(&#39;#configform&#39;)[0].reset();
});
```
Is there some source that I should include in my codes in order for the `.reset()` method to work? Previously I was using:
```html
&lt;script src=&quot;static/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;static/jquery.mobile-1.2.0.min.js&quot;&gt;&lt;/script&gt;
```
and the `.reset()` method was working. 

Currently I&#39;m using
```html
&lt;script src=&quot;static/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;      
&lt;script src=&quot;static/jquery-migrate-1.1.1.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;static/jquery.mobile-1.3.1.min.js&quot;&gt;&lt;/script&gt;
```

Could it possibly be one of the reason?


How to reset a form using jQuery with .reset() method

I have a function I want to unit test contains calls two other functions. I am unsure how can I mock both functions at the same time properly using patch. I have provided an example of what I mean below. When I run nosetests, the tests pass but I feel that there must be a cleaner way to do this and I do not really Understand the piece regarding f.close()...

The directory structure looks like this:

    program/
      program/
        data.py
      tests/
        data_test.py

data.py:

    import cPickle
    
    def write_out(file_path, data):
        f = open(file_path, &#39;wb&#39;)
        cPickle.dump(data, f)
        f.close()

data_test.py:

    from mock import MagicMock, patch
    
    def test_write_out():
        path = &#39;~/collection&#39;
        mock_open = MagicMock()
        mock_pickle = MagicMock()
        f_mock = MagicMock()
        with patch(&#39;__builtin__.open&#39;, mock_open):
            f = mock_open.return_value
            f.method.return_value = path
            with patch(&#39;cPickle.dump&#39;, mock_pickle):
                write_out(path, &#39;data&#39;)
                mock_open.assert_called_once_with(&#39;~/collection&#39;, &#39;wb&#39;)
                f.close.assert_any_call()
                mock_pickle.assert_called_once_with(&#39;data&#39;, f)

Results:

    $ nosetests
    .
    ----------------------------------------------------------------------
    Ran 1 test in 0.008s
    OK

Mocking two functions with patch for a unit test

Alright, so I have been stumbling upon some issue for a long time and I would like to hear an opinion from the rest of community.

First, let&#39;s look at some abstract controller.

    function Ctrl($scope, anyService) {
    
       $scope.field = &quot;field&quot;;
       $scope.whenClicked = function() {
          util();
       };
    
       function util() {
          anyService.doSmth();
       }
       
    }

Clearly we have here:

 - regular scaffold for controller with `$scope` and some service injected
 - some field and function attached to the scope
 - private method `util()`

Now, I&#39;d like to cover this class in unit tests (Jasmine). However, the problem is that I want to verify that when I click (call `whenClicked()`) some item that the `util()` method will be called. I don&#39;t know how to do that, since in Jasmine tests I&#39;m always getting errors that either the mock for `util()` hasn&#39;t been defined or was not called.

**Note: I&#39;m not trying to fix this particular example, I&#39;m asking about testing such code pattern in general. So please don&#39;t tell me &quot;what is exact error&quot;. I&#39;m asking how to do that, not how to fix this.**

I have been trying a number of ways around this:

 - obviously I cannot use `$scope` in my unit tests as I don&#39;t have this function attached to this object (it usually ends with message `Expected spy but got undefined` or similar)
 - I tried attaching those functions to the controller object via `Ctrl.util = util;` and then verifying mocks like `Ctrl.util = jasmine.createSpy()` but in this case `Ctrl.util` is not being called so tests fail
 - I tried to change `util()` to be attached to `this` object and mocking `Ctrl.util` again, with no luck

Well, I cannot find my way around this, I would expect some help from JS ninjas, a working fiddle would be perfect.


How to write testable controllers with private methods in AngularJs?

How do test if the number of characters in $dbUserName is more than eight characters?

I have been unable to locate a command or series of commands that will let me do this. I have only been able to find if the variable is null:

    if ($dbUserName) {
        Write-Output &quot; You left Username blank&quot;
        $dbUserName = read-host
    }

But I would like to next test like this:

    if ($dbUserName [String] &gt; 8 ) }
        Write-Output &quot; Please enter more than 8 characters &quot;
        $dbUserName=read-host &quot; Re-enter database user name&quot;
    }


How can I test that a variable is more than eight characters in PowerShell?

The `go test` command covers `*_test.go` files in only one dir.

I want to `go test` the whole project, which means the test should cover all `*_test.go` files in the dir `./` and every children tree dir under the dir `./`.

What&#39;s the command to do this?

How to `go test` all tests in my project?

Given that I have a `Personable` concern in my Rails 4 application which has a `full_name` method, how would I go about testing this using RSpec?

**concerns/personable.rb**

    module Personable
      extend ActiveSupport::Concern
    
      def full_name
        &quot;#{first_name} #{last_name}&quot;
      end
    end



How to Test a Concern in Rails

I am using Select2 3.3.2

I have very very long options in the select.
Example:


    &lt;select id=&quot;e1&quot;&gt;
    &lt;option value=&quot;AL&quot;&gt;Alabama&lt;/option&gt;
    &lt;option value=&quot;WY&quot;&gt;Wyoming&lt;/option&gt;
    &lt;option value=&quot;WY&quot;&gt;very long long long text&lt;/option&gt;
    &lt;option value=&quot;WY&quot;&gt;very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long text&lt;/option&gt;
    &lt;/select&gt;

The purpose is to avoid wrapping of the options when the dropdown opens up.

I would like to set long width for the dropdown when it opens up (for example - 800px, or even automatic evaluated width).

But to keep the input with short width when the dropdown is closed (for example 300px).

I followed this [&quot;Add option to set dropdown width&quot;](https://github.com/ivaynberg/select2/issues/328) issue of select2.

But I couldn&#39;t get it to work, the width of the options/dropdown is the same as the input&#39;s width and the options as wrapped to multiple lines.

Here is the demo of my problem in jsfiddle - http://jsfiddle.net/ewwAX/

Thank you all in advance for helping.



select2 - Setting different width to input and dropdown

I&#39;m using jQuery select2 multi select dropdown. I need to select all options in a dropdown from code.
Basically there is a Select All checkbox on which this functionality has to be implemented, I want to select/deselect options from this checkbox.

JQuery Select2 - How to select all options

I am trying to make a select2 box appear in its *focused* state on page load. I have tried the following:

    $(&#39;#id&#39;).select2(&#39;focus&#39;);
    $(&#39;#id&#39;).trigger(&#39;click&#39;);
    $(&#39;#id&#39;).trigger(&#39;focus&#39;);

Only the first line seems to have any effect, and it does focus the select2 field, however it requires an additional keypress to display the search field, and to allow typing in search string.

Therefore, if you load the page and start typing: &quot;Search&quot;, the &quot;S&quot; will open the search box and then the remainder of the keys will be entered into it, so you&#39;ll be searching &quot;earch&quot;



select2 force focus on page load

I want to be able to set the default/selected value of a select element using the JQuery Select2 plugin.

JQuery select2 set default value from an option in list?

For my more significant selects, the search box in Select2 is wonderful. However, in one instance, I have a simple selection of 4 hard-coded choices. In this case, the search box is superfluous and looks a little silly being present. Is it possible to hide it somehow? I took a look through the documentation online and couldn&#39;t find any options for this in the constructor.

I could, of course, just use a regular HTML select, but for consistency, I&#39;d like to use Select2 if possible.

Content Type	Original Author	Original Content on Stackoverflow
Question	Joseph Tura	View Question on Stackoverflow
Solution 1 - Javascript	brianreavis	View Answer on Stackoverflow
Solution 2 - Javascript	gustavohenke	View Answer on Stackoverflow
Solution 3 - Javascript	tanguy_k	View Answer on Stackoverflow

Is there a properly tested alternative to Select2 or Chosen?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

How can I check if code is executed in the IPython notebook?

Transitioning from Windows Forms to WPF

Attributions