Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
    <head>
      <meta name="description" content="ComboboxRemote" />
        <meta charset='utf-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
        <title>reactjs combobox</title>
        <link rel="stylesheet" type="text/css" href="http://cdn.rawgit.com/kbakba/reactjs-combobox/v0.0.1-static/dist/css/page.css">
        <link rel="stylesheet" type="text/css" href="http://cdn.rawgit.com/kbakba/reactjs-combobox/v0.0.1-static/dist/css/Combobox.css">
    </head>
    <body>
        <div id="insert_here"></div>
​
        <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
        <script src="//fb.me/react-with-addons-0.10.0.js"></script>
        <script src="http://cdn.rawgit.com/kbakba/reactjs-combobox/v0.0.1-static/dist/js/Combobox.js" type="text/javascript" charset="utf-8"></script>
        </script>
        <script src="http://cdn.rawgit.com/kbakba/reactjs-combobox/v0.0.1-static/dist/js/ComboboxRemote.js" type="text/javascript" charset="utf-8"></script>
        </script>
    </body>
</html>
 
var comboboxInstance;
​
var log = function(newValue, oldValue) {
    console.log(comboboxInstance.value());
};
​
comboboxInstance = React.renderComponent(
  NS.ComboboxRemote({url: 'http://rawgit.com/kbakba/reactjs-combobox/v0.0.1-static/dist/remoteData.json', defaultValue: "remote", onChange: log, disabled: false}),
    document.getElementById('insert_here')
);
​
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x