從另一個輸入

所以設置一個輸入的值，我有這個按鈕，你鍵入「創造」的稱號，並按，這裏是一個照片：從另一個輸入

這裏是代碼：

<div class="input-group margin"> 
       <div class="input-group-btn"> 
        <button type="button" name="artButton" data-toggle="modal" data-target="#createArticle" class="btn btn-danger">Create</button> 
       </div> 
       <!-- /btn-group --> 
       <input type="text" class="form-control" id="artTitle" name="artTitle" placeholder="Article title"> 
       </div> 

    </div>

我試過的是用兩個表單標籤作爲POST方法包圍它，然後使用$_POST['artTitle']來回顯用戶在其他輸入中插入的內容，但它不起作用。

因此，基本上，當你按上創建，一個模式顯示了詢問信息有關的話題，我想標題，如果你在這一領域迫切創造... ...前鍵入自動填充，並且它不工作...

這裏是我試圖將值添加到其它輸入

<?php if(isset($_GET) && array_key_exists('artButton',$_GET)): ?> 
       <div class="form-group"> 
        <label for="createArticleTitle">Title:</label> 
        <input type="input" class="form-control" value="<?php echo $_GET['artTitle']?>" id="createArticleTitle" name="createArticleTitle" maxlength="80" placeholder="Insert Article Title..."> 
       </div> 
       <?php endif; ?>

來源

2017-04-26 Andrei

請問您按一下按鈕帖子的形式？ – Zeusarm

你說過你使用POST方法，那麼爲什麼你試圖從GET方法獲得價值 – JYoThI

這隻會工作一次，它會導致很多頁面刷新。更好地使用一些JavaScript庫。 https://select2.github.io/examples.html#data-ajax –

我認爲你需要點擊創建模式的文章場自動填寫過之後。只需使用點擊數事件這樣

$('#btnclick').click(function() 
 
{ 
 
    // alert($('#artTitle').val()); 
 
    $('#article1').val($('#artTitle').val()); 
 

 
});

<form> 
 
<div class="input-group margin"> 
 
       <div class="input-group-btn"> 
 
        <button type="button" name="artButton" data-toggle="modal" data-target="#createArticle" id="btnclick"class="btn btn-danger">Create</button> 
 
       </div> 
 
       <!-- /btn-group --> 
 
       <input type="text" class="form-control" id="artTitle" name="artTitle" placeholder="Article title"> 
 
       </div> 
 

 
    </div> 
 
    
 
</form> 
 
    
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    
 
    <!-- Trigger the modal with a button --> 
 
<!-- <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> --> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="createArticle" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p>Input atricle name<input type="article" id="article1" /></p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 

 
</body> 
 
</html>

來源

2017-04-26 05:36:56 JYoThI

非常感謝：D，應該更經常地使用js – Andrei

很高興幫助你:) – JYoThI

從另一個輸入

回答

相關問題