如何将项目名称或标题发送到表单输入字段?

时间:2017-11-24 17:36:45

标签: javascript jquery html

我已经使用PHP创建了一个联系表单,现在我想添加一个Item a按钮,例如,ADD或+当我按下它时,Item名称将自动添加到表单项名称字段中希望能够在该字段内添加多于1个,在每个项目之后将像一个或一个,。

我该怎么做?

2 个答案:

答案 0 :(得分:1)

这是粗略的做法;点击按钮,修改输入框的值;根据您的需求进行扩展



let valuesToAdd = {
 "input" : "hello world",
 "input1" : "hi there",
 "input2" : "how are you",
 "input3" : "Nice to see you",
 "input4" : "hola mi hermano"
}

document.getElementById("add").onclick = addValue;

function addValue() {
  let keys = Object.keys(valuesToAdd);
  for(i=0;i<keys.length;i++) {  
     document.getElementById(keys[i]).value = valuesToAdd[keys[i]]
  }
}
&#13;
<input type="text" id="input" placeholder = "helloworld"/>
<input type="text" id="input1" placeholder = "helloworld"/>
<input type="text" id="input2" placeholder = "helloworld"/>
<input type="text" id="input3" placeholder = "helloworld"/>
<input type="text" id="input4" placeholder = "helloworld"/>
<button id="add">
add text to input
</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

<div class="wrap">
    <button>Add value</button>
    <input name="myinputvalue[]" value="" />
</div>


$("button").on('click', function(e) {
    e.preventDefault();
    var elem = $(this).parent().find('input[name=myValue\\[\\]]');

    elem.val( elem.val() + 'add Me' );
});

http://jsfiddle.net/D97bV/107/