Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Two-way Binding Backbone.js View">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone.js"></script>
​
  
    <div id="myContainer">
    
        <input id="prop1" value="init 1" />
        <br/>
        <textarea id="prop2" value="init 2" ></textarea>
        <br/>
        <select id="prop3" value="1" >
            <option value="1">one</option>
            <option value="2">two</option>
            <option value="3">three</option>
            <option value="3ChgWithKod">changed with code 3</option>
        </select>
    </div>
​
    <br/><br/>
​
    <button id="showModelValues" type="button">
        SHOW model values
    </button>
​
    <br/>
​
    <button id="setModelValues" type="button">
        SET model values with javascript
    </button>
  
  <p>
    Try things like:
  <ul>
    <li>show the model data initially</li>
    <br/>
    <li>change the model data with javascript with the "SET model..." button...</li>
    <li>...then show the model data after the code change</li>
    <br/>
    <li>manually edit the data...</li>
    <li>...then show the model data after the manual edit</li>
  </ul>
  
  </p>
</body>
</html>
Output

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

Dismiss x
public
Bin info
spencerwasdenpro
0viewers