將HTML選擇框附加到使用MYSQL查詢結果填充的頁面

Question

通常，在創建動態填充的下拉菜單時，我將使用以下簡單的foreach循環來獲取數據：

<select name="region" id="region" tabindex="1">
   <option value="">Select a Course</option>
   <?php foreach ( $courses as $course ) : ?>
   <option value="<?php echo $course->coursename; ?>"><?php echo $course->coursename; ?></option>
   <?php endforeach; ?>
</select>

*where $courses = select("SELECT * FROM courses"); 

等

我不確定是否可以在javascript函數內以當前形式使用該函數，例如下面我在某些表單上一直使用的函數，以根據用戶需求附加其他輸入字段。 例如，這對於文本輸入來說效果很好（並且如下所示，如果我手動鍵入每個輸入選項，我可以使用它），但是我不確定在上面使用javascript重新創建PHP / mySQL示例的最佳方法不會妨礙您。 我試圖研究使用AJAX是否可以輕松完成此操作，但是還無法找到我正在嘗試執行的操作的任何示例。

<script type="text/javascript">
var count = 0;
$(function(){
    $('p#add_field').click(function(){
        count += 1;
        $('#container').append(
                '<h4>Link #' + count + '</h4>&nbsp' 
                +'<select id="field_' + count + '" name="fields[]">' + '<option>Select a Course</option>'+'</select>');

    });
});
</script>

非常感謝您提供有關最佳方法的建議。

Answer 1

更新-我最終設法回答了自己的問題-根據以下代碼的解決方案。

<script type="text/javascript">
var count = 0;
$(function(){
    $('p#add_field').click(function(){
        count += 1;
        $('#container2').append(
                '<strong>Golf Course ' + count + '</strong>&nbsp&nbsp&nbsp' 
                +'<select id="field_' + count + '" name="fields[]">' + "<?php foreach ( $courses as $course ) { $name = $course->coursename; ?>"+"<?php echo '<option value=\''.htmlspecialchars($name).'\'>'.$name.'</option>'; ?>"+"<?php } ?>"+'</select><br />')

    });
});
</script>