can/demos/can-stache-converters/select.html

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

<div id="demo">
<div id='out'></div>
<script type='text/stache' id="demo-html">
<p>Attending? 
  <select {($value)}='attending'>
  <option value='yes'>Yes</option>
  <option value='no'>No</option>
  <option value='maybe'>Maybe</option>
  </select>
</p>
<p>You {{attendence()}}.</p>
</script>
</div>
<script src="../../node_modules/steal/steal.js" main="@empty">
var DefineMap = require("can-define/map/map");
var stache = require("can-stache");
require("can-stache-converters");
		
var person = new DefineMap({
  attending: "no"
});

var template = stache.from("demo-html");
var frag = template(person, {
	attendence: function(){
		return person.attending ? 
			"are a " + person.attending :
			"have not responded";
	}
});

out.appendChild(frag);
</script>