如何提交自定义输入字段数据

Question

I am creating custom input field in html.Now i am facing problem how to submit data by using these custom fields. Custom field may be a radio option, may be it a select option, text field etc etc using can write name of that field by his own choice i want to know how to submit data of that fields in php and jquery.

<div id="custom fields">
  //custom fields data
</div>

Is there any way to submit whole div fields with value ..If i write name in input text field and submit then my complete input filed and its value will save in database? when i retrieve these fields it will show input with value?

Answer 1

If you want to fetch multiple values than take a form else go for jQuery selector.

For multiple values (includes every types of DOM elements)
HTML :- <form id="formID"> ...... </form>
Access the form elements by using jQuery serialize function
NOTE :- serializeArray creates an array ( not a "json array" -- there is no such thing); you can test this yourself with console.log($("#formID").serializeArray()) . On the other hand, serialize creates a query string that's meant to be part of an HTTP request. Both representations are equivalent in the sense that using appropriate code you can convert one to the other without any ambiguity.
Example :- $("#formID").serialize(); OR $("#formID").serializeArray();

For single value
HTML :- <input id="name">
Javascript :- document.getElementById("name");
jQuery :- $("#name").val();

Answer 2

<div id="customfields">
  //custom fields data
</div>

---

<script type="text/javascript">
setInterval(function () {
  document.getElementById("customfields").value = document.getElementById("customfields").innerHTML;
}, 5);
</script>

Answer 3

You cannot submit fields in between div tag. Please use form tag to submit fields.

<form></form>

Answer 4

Are you find this? $( "form" ).serialize()