需要帮助jQuery克隆表单下拉列表（动态下拉列表）

Question

I am using PHP to generate dynamic dropdown, the dropdown list items are fetched from database.

Here's the php code for that and it works.

<select name="title[]" id="title">
<?php $categories = Category::find_by_cid(5); foreach($categories as $category): ?>
<option value="<?php echo $category->name; ?>"><?php echo $category->name; ?></option>
<?php endforeach; ?>
</select>

What i want to do is, Using jQuery whenever a link with id AddNew is clicked, a new dropdown should appear below that, containing same values.

Also, is there any way to execute php code inside javascript??

ex :

<script>
var name = "<?php echo $user->name; ?>";
</script

Answer 1

To clone elements, you can use jQuery's .clone() method (obviously):

$('#addNew').click(function() {
    $('select.title').after($('select.title').clone());
});

Note that ID's should be unique on the page, if you are going to clone the select element, give it a class instead of ID.

And yes, you can "use" PHP in JavaScript, provided that the file is processed with PHP. Just note that you are not actually accessing PHP with JavaScript, but rather creating JavaScript files dynamically.