使用javascript从动态表单元素中获取值

我正在使用javascript创建一个动态表单,其中包含下拉列表和输入文本,如下所示：

$(document).ready(function() {  
    document.write("<FORM>");

    document.write("<SELECT NAME='SelectMenu'>");
    for (var i = 1; i <= 3; i++)
    document.write("<OPTION>" +"one"+"</OPTION>");
    document.write("<OPTION>" +"two"+"</OPTION>");
    document.write("<OPTION>" +"three"+"</OPTION>");

    document.write('</SELECT>');
    document.write("<br>Entry  <input type='text' name='myInputs[]'>");
    document.write("<button onClick="ChoixDeQuestion()">Show</button>");

    document.write('</FORM>');
}); 

这里的问题是我无法访问这些字段,因为它们甚至不存在于页面的源代码中.
我想获取输入的文本值和列表中的选定项.
所以任何想法请!!

谢谢

解决方法:

应该避免使用document.write.这不是一个好习惯.

您正在使用jQuery,它非常容易在jQuery中动态创建元素.

你可以这样做,

$(document).ready(function() {  
    var options = '';
    for (var i = 1; i <= 3; i++)
    options +='<option>one</option>';
    options +='<option>two</option><option>three</option>';
    var html = '<select>' + options + '</select><br>Entry <input type="text" name="myInputs[]" />';
    var button = $('<button>Show</button>').click(function(e){
        // Code to be executed when button is clicked

        e.preventDefault();  // since by default button submits the form
        alert('button is clicked');
    });
    $("<form></form>").append(html).append(button).appendTo('body');
});

jsFiddle

如果你知道一个基本的jQuery,一切都是自我解释,但如果有什么困扰你,请告诉我:)