Need help with Jquery and javascript

Question

I have bunch of employees, each employee have 7 days for their work schedule. I created the following form using php and would like get data from here to JavaScript for verification and then submit it to SQL database using ajax. My problem is how can I dynamically create these forms and then get values from their inputs? Dynamically creating them is the easy part.

<?php
 function getNewEmployeeForm($name) {

$def_form = "
  <tr name=\"" . $name ."\">
  <td>".$name ."</td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
    <td>
        <input style=\"width:55px\" id='". $name ."' type=\"text\">
    </td>
  </tr>";

  echo $def_form;
}?>

That's not valid html. Two elements cannot have the same id. — GolezTrol
– GolezTrol, Commented Jun 4, 2011 at 1:41
how can name or id them so i can get all the inputs, given a user name. — Monir
– Monir, Commented Jun 4, 2011 at 1:42
I think, before trying anything, you should first think about what you wnat. Your question contains about 8 questions, and you seem to miss some basic information. Break up your problem. You don't need any javascript or jquery to post a form. Try to save fixed/hardcoded data first. If that works, create a simple dynamic HTML form and try to process the posted. Only after everything works you start enhancing it using javascript/jquery to improve usability. — GolezTrol
– GolezTrol, Commented Jun 4, 2011 at 1:45

jennas · Accepted Answer · 2011-06-04 01:56:24Z

1

add a 'name' attribute and give it a value for example 'day'

Then try the following javascript (untested)

var employees = new Array();

$('table td input[name="day"]').each(function(i){
    employees[i] = $(this).val();
});

answered Jun 4, 2011 at 1:56

jennas

2,4542 gold badges25 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Monir Over a year ago

the table thing didn't work but this did, (':input.Name'). Thank you all for your help and comments

Collectives™ on Stack Overflow

Need help with Jquery and javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related