Update value of an input text when an option is selected with angularjs
<p>I have my controller in angularjs with a array</p>

<pre class="lang-javascript prettyprint-override"><code>app.controller('player', function($scope) {
    $scope.players = [
        {
            "id":3,
            "name":"Nadal",
        },
        {
            "id":4,
            "name":"Federer"
        }
    ]
});
</code></pre>

<p>In my HTML I have HTML with a <code>dropdown</code> and a <code>textbox</code>.</p>

<pre><code> &lt;html ng-app="pdl"&gt;  
    &lt;body ng-controller="player"&gt;  
        &lt;input type="text" id="name" value=""/&gt;
        &lt;select name="id"&gt;  
            &lt;option ng-repeat="player in players" value="{{player.id}}"&gt;{{player.id}}&lt;/option&gt;  
        &lt;/select&gt;  
    &lt;/body&gt;  
 &lt;/html&gt;  
</code></pre>

<p>I want to update the input with a 'name' when I choose an option from the dropdown</p>