多選擇在窗體列表與回報，並添加一行

-1

強調文本好了一點很難解釋，我會嘗試;）多選擇在窗體列表與回報，並添加一行

用戶需要創建一個名稱，通過實例名稱爲「亞馬遜」 ..IN他可以「定義」的名稱多選擇對象... 所以通過例如亞馬遜可以是：

AMAZONE =

前+ 100×100 +黑+ PNG
左+ 256 * 256 +紅+ JPG
添加行+

SAVE

，所以我需要保存LINE IN Amazone並添加多行.. &用戶可以保存後全部

（見這裏http://www.nanosix.be/test/form.html）

我丟了，我想我需要的JavaScript ...

任何想法如何做到這一點的？

編輯解決方案：https://jsfiddle.net/d8gf7n7u/17/ （剛剛過去問題shortlink按鈕複製所有「行」，而不是原來的線，如果我上添加點擊他重複的每一個地方）

   <h2>VRi SHORT LINK Configurator</h2> 
      <form method="post" action="" method="get"> 

       <input type="text" name="Name" placeholder="Name" > 
       <br> 
       <br> 

       <form action="" class="multichoix"> 
        <select name="View"> 
         <option value="none">View</option> 
         <option value="front">Front</option> 
         <option value="right">Right</option> 
         <option value="left">Left</option> 
         <option value="bottom">Bottom</option> 
         <option value="free">Camera Free</option> 
        </select> 

        <select name="Size" > 
         <option value="none">Size</option> 
         <option value="">Web HD (1980*1024)</option> 
         <option value="">web (800*600)</option> 
         <option value="">Poster A2</option> 
         <option value="">Poster A1</option> 
         <option value="">Page A4</option> 
         <option value="">Flyer A5</option> 
         <option value="">Flyer A5</option> 
        </select> 

        <select name="Color"> 
         <option value="none">Background</option> 
         <option value="">Transparent</option> 
         <option value="">Black</option> 
         <option value="">White</option> 
         <option value="">Orange</option> 
         <option value="">grey</option> 
        </select> 

        <select name="Format"> 
         <option value="none">Format</option> 
         <option value="">PNG</option> 
         <option value="">JPEG</option> 
         <option value="">GIF 360</option> 
         <option value="">Web 360</option> 
        </select> 
       </form> 

       <button input type="submit" value="Add" class="add">ADD</button> 

      <button input type="submit" value="Save">Save</button> 

      </form>

Jquery：

  <script> 
       var counter = 1; 
        jQuery('add').click(function(event){ 
         event.preventDefault(); 
         counter++; 
         var newRow = jQuery(' 

          <select name="View"> 
           <option value="none">View</option> 
           <option value="front">Front</option> 
           <option value="right">Right</option> 
           <option value="left">Left</option> 
           <option value="bottom">Bottom</option> 
           <option value="free">Camera Free</option> 
          </select> 

          <select name="Size" > 
           <option value="none">Size</option> 
           <option value="">Web HD (1980*1024)</option> 
           <option value="">web (800*600)</option> 
           <option value="">Poster A2</option> 
           <option value="">Poster A1</option> 
           <option value="">Page A4</option> 
           <option value="">Flyer A5</option> 
           <option value="">Flyer A5</option> 
          </select> 

          <select name="Color"> 
           <option value="none">Background</option> 
           <option value="">Transparent</option> 
           <option value="">Black</option> 
           <option value="">White</option> 
           <option value="">Orange</option> 
           <option value="">grey</option> 
          </select> 

          <select name="Format"> 
           <option value="none">Format</option> 
           <option value="">PNG</option> 
           <option value="">JPEG</option> 
           <option value="">GIF 360</option> 
           <option value="">Web 360</option> 
          </select>'); 

         jQuery('.multichoix').append(newRow); 
        }); 
      </script>

來源

2015-08-28 Jori Dupont

「*所以我需要保存行*」，將其保存在哪裏？在數據庫中？ – LinkinTED

添加按鈕需要添加一個新行並添加行配置..以後我需要一個按鈕保存爲「全部」 –

是這樣的東西你需要什麼？

https://jsfiddle.net/d8gf7n7u/

$("button").on("click", function() { 

    var name = $("input").val(); 
    var view = $("select[name='View']").find('option:selected').text(); 
    var size = $("select[name='Size']").find('option:selected').text(); 
    var color = $("select[name='Color']").find('option:selected').text(); 
    var format = $("select[name='Format']").find('option:selected').text(); 

    $("form").after("<div class='container'><div class='item'>"+name+"</div><div class='item'>"+view+"</div><div class='item'>"+size+"</div><div class='item'>"+color+"</div><div class='item'>"+format+"</div></div><br>"); 

});

該做的是什麼，它獲得的所選選項的值，然後打印它們。不知道你需要接下來做什麼。

來源

2015-08-28 09:56:26

我愛你：D ..只是有一點問題 –

如何解釋...好的我們可以保存這個值：查看大小顏色格式在一個名字（thk！）但是在一個名字中我需要多行.. 理解：在那之後，用戶點擊一個按鈕（例子的按鈕名稱：亞馬遜，配置在這裏）和他收到的格式爲「AMAZON」的所有圖像的郵件.. 但亞馬遜需要多個圖像不只是一個....例如：前，100 * 100，jpg，黑色亞馬遜需要，例如，100個100 * 100，jpg，bla中的5個視圖但前面右後方等等等等......所以「在」亞馬遜格式我需要記錄多種可能性，所以當我點擊保存按鈕 –

例如：http://nanosix.be/test/example.png。用戶點擊亞馬遜格式，他收到4個圖像的郵件，易趣2圖像...但管理員可以配置這種形式的「亞馬遜格式」，並決定：「亞馬遜格式是4視圖在PNG」...所以他可以在亞馬遜格式中添加一行配置..我知道，它不容易理解，我沒有一個完美的英語^^「 –

form內部不能有form。相反，將內部形式更改爲div。當點擊「添加」按鈕時，克隆類.multichoix的第一個div，並在最後div.multichoix之後插入。

如果更改了select的名稱。我給他們加了[]。提交表單後，$_POST['View']將是具有值的數組。

使用echo '<pre>';print_r($_POST);echo'<pre>';看看是如何工作的。您需要循環這些值並將它們添加到數據庫中。

$(function() { 
 
    $('.add').on('click', function(e) { 
 
    e.preventDefault(); 
 
    var clone = $('form .multichoix:first-of-type').clone(); 
 
    $('form .multichoix:last-of-type').after(clone); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2>VRi SHORT LINK Configurator</h2> 
 
<form method="post" action="" method="get"> 
 

 
    <input type="text" name="Name" placeholder="Name"> 
 
    <br> 
 
    <br> 
 

 
    <div class="multichoix"> 
 
    <select name="View[]"> 
 
     <option value="none">View</option> 
 
     <option value="front">Front</option> 
 
     <option value="right">Right</option> 
 
     <option value="left">Left</option> 
 
     <option value="bottom">Bottom</option> 
 
     <option value="free">Camera Free</option> 
 
    </select> 
 

 
    <select name="Size[]"> 
 
     <option value="none">Size</option> 
 
     <option value="">Web HD (1980*1024)</option> 
 
     <option value="">web (800*600)</option> 
 
     <option value="">Poster A2</option> 
 
     <option value="">Poster A1</option> 
 
     <option value="">Page A4</option> 
 
     <option value="">Flyer A5</option> 
 
     <option value="">Flyer A5</option> 
 
    </select> 
 

 
    <select name="Color[]"> 
 
     <option value="none">Background</option> 
 
     <option value="">Transparent</option> 
 
     <option value="">Black</option> 
 
     <option value="">White</option> 
 
     <option value="">Orange</option> 
 
     <option value="">grey</option> 
 
    </select> 
 

 
    <select name="Format[]"> 
 
     <option value="none">Format</option> 
 
     <option value="">PNG</option> 
 
     <option value="">JPEG</option> 
 
     <option value="">GIF 360</option> 
 
     <option value="">Web 360</option> 
 
    </select> 
 
    </div> 
 

 
    <button input type="submit" value="Add" class="add">ADD</button> 
 

 
    <button input type="submit" value="Save">Save</button> 
 

 
</form>

來源

2015-08-28 13:26:37 LinkinTED

yeps我喜歡那..但它是我的錯，按鈕保存不保存是添加短鏈接，所以這就需要重複所有 –

我想如果我使用你的腳本，但在形式上.. –

類似的東西..Excepte只創建名稱而不是名稱+配置線 https://jsfiddle.net/d8gf7n7u/5/ –

多選擇在窗體列表與回報，並添加一行

回答

相關問題