使用jQuery使用PHP插入Select标签

Question

what i'm trying to do is whenever the user click add more button a new select tag will be created i manage to create the select tag but whenever i'm trying to add the options for my select tag it didn't show up here's my code

jQuery :

 $(".addjob").click(function(){

     $("<tr><td>Choose Job Title</td><td><select name='jobtitles_id' class='jobtest' ></select></td></tr>").insertAfter($(this).parents("tr:last"));
     addjobtitle();
 });

Here is my html/php code

<tr classs="afterthis">
<td>Choose Job Title</td><td><select name="jobtitles_id" style="min-width:145Px"><?php
    $rows1 = array();
    $result1 = $db->query("job_titles", " WHERE id NOT IN (SELECT jobtitles_id FROM categorybridge) ORDER BY name ASC ");
                $selected1 = '';
        while($rows1 = mysql_fetch_array($result1)) {
                    if($rows1['name'] == 'none'){
                    $selected1 = "selected";        
                    }
             ?> 
            <option value="<?php echo $rows1['id']; ?>" <?php echo $selected1; ?>><?php echo ucwords($rows1['name']); ?></option>       
    <?php $selected1 = ''; } ?>
    <option value="26" >None</option>   
    </select></td><td><div class="addjob" >Add another Job Title</div></td>
</tr>

BTW the value from my select tag comes from mySql and i dont know what to do :(

please kindly help me.. thanks in advance!

Answer 1

Shot in the dark here, but I think this is what you are trying to do based on code posted.

http://jsfiddle.net/NUET3/1/

Monitor the table for when addjob is clicked. When clicked, clone its table row and append it to the table.

$('table').on('click', '.addjob', function() {
    var $clone = $(this).parents('tr').clone();
    $('table').append($clone);
});