ie 暂不支持
css：
复制代码 代码如下:
js：
复制代码 代码如下:
function form(){
        $('#myform').submit(function() {
            // get text value
            var tv = $(#mytxt).val(),
                    tf = $(this).find(:input[type='text']).val(),
                    tn = $(this).find(:input[name='txtname']).val();
            $(#result1).text(tv);
            /*$(#result1).append(you can get the value of text use these methods below:
+ + tv + +
+ + '$(#mytxt).val()' +
+ '$(this).find(:input[type=\'text\']).val()' +
+ '$(this).find(:input[name=\'txtname\']).val()'  +
+
);
            */
            //$(#result1).delay(30000).fadeout();
            //tv.attr(value, ''); clean value
            // get textarea value
            var av = $(#myarea).val();
            $(#result2).text(av);
            /*    $(#result2).append(you can get the value of textarea use these methods below:
+ + av + +
+ '$(#myarea).val()'
                            +
);
            */
            //$(#result2).delay(30000).fadeout();
            var str = ;
        /*    $(select).change(function () {
          $(select option:selected).each(function () {
                str += $(this).val();
              });
          $(#result3).text(str);
        })
        .trigger('change');
        */
        // $(select[name='garden'] option:selected)  if we have multiple select
        $(select[id='mysel'] option:selected).each(function () {
          str = $(this).val();
        });
        $(#result3).text(str);
        var str2 = ;
        $(select[id='multisel'] option:selected).each(function () {
          str2 += $(this).val() + ;
        });
        $(#result4).text(str2);
        var str3 = [];
        $(input[name='checkme']:checked).each(function(){
                 str3.push($(this).val());
        });
        var oa = ;
        $.each(str3, function(key,val){
            oa +=  key + : + val;
        });
        $(#result5).text(oa);
        var ck = $(input[type='radio']:checked).val();
        $(#result6).html( ck + is checked! );
            return false;
        });
    }
    form();
html：
复制代码 代码如下:
get all form elments value
text
textarea
single select
apple
            blue
            mary
            asia
multiple select
flowers
    shrubs
    trees
    bushes
    grass
    dirt
check box
apple
        banana
        pear
        cherry
        strawberry
radio
orange
apple
banana
submit