Angular: Empty Fiddle

http://angularjs.org/

by gogirl

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
 <select ng-model="opt_select"
        ng-options="option as option.name for option in select_options"
        ng-init="opt_select = opt_select || select_options[0]" id="well"
        name="company" class="input"></select>
<input id="field1" name="field1" placeholder="" class="input" type="text"
       ng-model="opt_select.field1">
<input id="field3" name="field2" placeholder="" class="input" type="text"
       ng-model="opt_select.field2">
<input id="field3" name="field3" placeholder="" class="input" type="text"
       ng-model="opt_select.field3">
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.select_options = [
    {"name": "Option1",
        "field1": "1_1",
        "field2": "1_2",
        "field3": "1_3"},
    {"name": "Option2",
        "field1": "2_1",
        "field2": "2_2",
        "field3": "2_3"},
    {"name": "Option3",
        "field1": "3_1",
        "field2": "3_2",
        "field3": "3_3"}
];
}