[StackOverflow] Backbone.js - value of user inputted data
http://stackoverflow.com/questions/8635817/how-do-i-get-the-value-of-user-inputted-data
HTML
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.modelbinding/master/backbone.modelbinding.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.memento/master/backbone.memento.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<form class="form">
Surname : <input type="text" name="surname"/><br/>
First Name : <input type="text" name="fisrtname"/><br/>
</form>
<b>Value changed :</b> <span id="valueChanged"><i>nothing</i></span>
CSS
li {
padding: 5px;
margin: 5px;
background-color: rgb(240,240,240);
border: 1px rgb(200,200,200) solid;
border-radius: 5px;
list-style-type:none;
}
button {
padding: 5px;
}
JavaScript
window.Calculations = Backbone.View.extend({
events: {
'change input': 'changeQuantity'
},
changeQuantity: function(e) {
console.log('changeQuantity');
var val = $(e.currentTarget).val();
$('#valueChanged').html(val);
}
});
new window.Calculations({ el: $('.form') });