bootstrap, Variable an INPUT Feld in einem MODAL übergeben

[Kolwitz]

Nachdem ich so viel Beiträge zu meiner letzten Frage bekommen habe, wo ich sehr dankbar bin und ziemlich viel davon in die Tat umsetze. habe ich gleich noch ein zweites Anliegen.

ich arbeite mit bootstrap, und möchte dort verschieden Wert an ein Ausgabe Formular Namen modal übergeben, das mit Javascript gemacht wird. Nun schaffe ich es zwar das die Daten übergeben und in einem SPAN ausgegeben werden. Doch ich bekomme Sie in kein INPUT Feld hinein.

Hier kann man mein Problem sehen:

https://codepen.io/anon/pen/jKEqOw

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-myvalue="trouducul" data-myvar="bisbis">
  Launch demo modal 1
</button>

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-myvalue="troudbal" data-bb="troudbal">
  Launch demo modal 2
</button>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <span id="modal-myvalue"></span> <span id="modal-myvar"></span> <span id="modal-bb"></span>
        <input id="modal-bb" type="text" > ########### <- hier soll die VAR rein
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

var ATTRIBUTES = ['myvalue', 'myvar', 'bb'];

$('[data-toggle="modal"]').on('click', function (e) {

  var $target = $(e.target);

  var modalSelector = $target.data('target');
  
    $modalAttribute.text(dataValue || '');
  });
});