Wie stellen Sie den input-Wert in einen modalen Dialog?

Arbeite ich auf "link hinzufügen" - Funktionalität. Dafür bin ich mit Modal plugin von Twitter Boostrap JS. Auf der Hauptseite gibt es nur den 'link' - Feld zu füllen, wenn ein Benutzer klickt auf 'link hinzufügen' Schaltfläche, wird ein modales Popup und der Anwender sieht die vollständige form zu füllen 3 Felder: - link -, Titel-tags. Allerdings möchte ich das link-Feld bereits gefüllt mit dem Wert aus der vorherigen Schritt. Es ist ähnlich, was passiert, wenn Sie 'speichern-link' auf delicious.com.

Dank Joe ' s Hilfe (Vorherige Frage) kann ich drucken die linkURL auf den modal Dialog, aber es ist wichtig, dass dieser linkURL ist der Wert des link-Feld im Formular mit 3 Feldern (link, Titel, tags). Keine Ahnung, wie dies geschehen kann? Danke!

<html>
<head>
  <title>Example</title>
  <script src="scripts/jquery.min.js"></script>
  <script src="scripts/bootstrap-modal.js"></script>
  <link rel="stylesheet" href="scripts/bootstrap.min.css">
  <link rel="stylesheet" href="main.css" />

  <script type="text/javascript">
            $(document).ready(function()
            {
                $('#modal-from-dom').bind('show',function()
                {
                    $(".modal-body").html($("#linkURL").val());
                });
            });
    </script>
</head>
<body>
  <!-- The Modal Dialog  -->
          <div id="modal-from-dom" class="modal hide fade">
            <div class="modal-header">
                <a href="#" class="close">&times;</a>
                <h3>Add Link</h3>
            </div>
            <div class="modal-body">
            <!--
            <form id='post-on-wall' method='POST' action='savePost.php' enctype='multipart/form-data'>"
        <input type='text' class='label-inline' name='linkURL' id='wall-post' value=linkURL>
            </form>
            -->
            </div>
            <div class="modal-footer">
                <a href="#" class="btn primary">Add Link</a>
            </div>
        </div>
  <div class="container">
    <div class="wall-post">
        <textarea class='label-inline' name='linkURL' id='linkURL'></textarea>
        <button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true" class="btn">Add Link</button>
    </div>
  </div>

</body>
InformationsquelleAutor Arman | 2011-10-21
  1. 10
          $('#modal-from-dom').bind('show',function()
            {
                $(".modal-body #wall-post").val($("#linkURL").val());
            });

    oder bin ich etwas fehlt? 🙂

    • Tausend Dank, Marco, das ist, was ich gesucht habe!
    • seine nicht funktioniert für mich .binden ist nicht feuern, $('#edit-Kind-modal').bind('gezeigt', function () { $(".modal-content "#Name").val('test'); });
    InformationsquelleAutor Marco Johannesen
Schreibe einen Kommentar