模仿表单元素之外的表单元素的结果

Question

我有这样的表格：

    <form name="dateChooser" id="dateChooser">
        <select name="chooseMonth" id="calChooseMonth">...</select>
        <select name="chooseYear" id="calChooseYear">...</select>
    </form>

所以改变#calChooseMonth / #calChooseYear我将（this.form）作为参数传递给函数。控制台记录（this.form）给了我这个：

    <form name="dateChooser" id="dateChooser">
        <select name="chooseMonth" id="calChooseMonth">...</select>
        <select name="chooseYear" id="calChooseYear">...</select>
    </form>

我正在尝试将相同的表单数据传递到表单之外，因此我无法使用“this”。我试过了：

      console.log($("form[name='dateChooser']"));

这会返回一个表单内容的目标数组，它可以正常工作，但我发送数据的功能是第三方，需要格式为

的数据

      console.log($('#dateChooser').html());

返回与my（this.form）返回

不匹配的原始html

      console.log($('#dateChooser').form);

返回undefined不是函数。有点希望它就这么简单。

Answer 1

您想使用.get()方法。

$("#dateChooser").get(0)

.html()返回包含在给定选择器中的HTML。

Answer 2

您只需使用

即可获得选择的值

var month = $("#calChooseMonth").val();

fiddle