suchen

Heim  >  Fragen und Antworten  >  Hauptteil

HTML通过点击按钮添加 或删除<input type=.... >

我的情况是这样的。如截图

4153318316-581dfe86654b6_articlex.jpg

**我想通过点击 “添加颜色” 按钮实现 添加 
<input type... > <select>... 旁边有个删除按钮 
也就是说默认的情况下只有 一行<input type... > <select>...**

点击删除按钮,新增的那一行就被删除

代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

 

$pic[]="很黄.jpg";

$pic[]="很暴力.jpg";

$pic[]="很傻很天真.jpg";

 

?>

<button id="btn2">添加颜色</button><br><br>

<form action="jq2.php" method="POST">

 

<input name="product_colour[]" type="text" />

<select name="product_image[]">

<option value="" selected="selected"></option>

<?php

foreach ($pic as $abc){

     

    echo '<option VALUE="'.$abc.'">'.$abc.'</option>';

}

?>

</select>

 

<br><br>

<button id="btn2">添加</button><br><br>

</form>

</body>

</html>

哪位大神指点一下?

高洛峰高洛峰2949 Tage vor820

Antworte allen(1)Ich werde antworten

  • 三叔

    三叔2016-11-07 11:44:50

    顺手给你写了个demo,送分题啊,哈哈。

    和php结合起来,只需要用php初始化那个options的数组就行了。

    点开查看代码和效果。

    https://jsfiddle.net/tbsoyj4k/

    Antwort
    0
  • StornierenAntwort