Javascript 如何查看更多输入字段的文本结果？_Javascript_Jquery_Forms_Text_Input

Javascript 如何查看更多输入字段的文本结果？

javascript jquery forms text input

Javascript 如何查看更多输入字段的文本结果？,javascript,jquery,forms,text,input,Javascript,Jquery,Forms,Text,Input,我有这个表格，你可以在里面插入3个输入（aaaa bbbb cccc）。我希望当你按下结果时，你可以用这种方式显示aaaa | bbbb | cccc <body> <form action="demo_form.asp"> <input type="text" name="line1" onkeypress="return check(event)" maxlength="3" id='Stringa1'

我有这个表格，你可以在里面插入3个输入（aaaa bbbb cccc）。我希望当你按下结果时，你可以用这种方式显示aaaa | bbbb | cccc

<body>
            <form action="demo_form.asp">
                <input type="text" name="line1" onkeypress="return check(event)" maxlength="3" id='Stringa1' tabindex="1"><br>
                <input type="text" name="line2" onkeypress="return check(event)" maxlength="3" id='Stringa2' tabindex="2"><br>
                <input type="text" name="line3" onkeypress="return check(event)" maxlength="3" id='Stringa3' tabindex="3"><br>
            </form>
            <div>
                <input type='button' onclick='changeThis()' value='Result'/>
                <span id='newText'></span>
            </div>
 </body>'

你能帮我吗？提前感谢

只需要一个函数

function changeThis()
{
   alert($('#Stringa1').val()+"|"+$('#Stringa2').val()+"|"+$('#Stringa3').val());
}

我将使用jQuery事件处理程序，如

功能检查（evt）{
//一些测试实现
返回true；
}
//将用于结果的所有输入元素都被赋予类行，按钮被赋予id结果
jQuery（函数（）{
//不使用内联事件处理程序，而是添加jQuery事件处理程序
var$lines=$（'.line'）。按键（检查）；
$（“#结果”）。单击（函数（）{
//使用map（）将所有值放入一个数组中
var result=$lines.map（函数（）{
返回this.value？this.value：未定义；
}).get（）；
//使用Array.join（）连接数组中的值
$（'#newText'）.text（result.join（'|'））
});
})

给你：

$('input:button').click(function(){
    var result='';
    $('input:text').each(function(){
        if(result==''){
            result+=$(this).val();
        }
        else{
            result+='|'+$(this).val();
        }
    });
    $('#newText').html(result);
});


函数changeThis（）
{
var one=$（'#Stringa1'）.val（）；
var two=$（'#Stringa2'）.val（）；
变量三=$（'#Stringa3'）.val（）；
var res=1+“|”+2+“|”+3；
$（'#newText'）.html（res）；
}

您可以使用javascript

你要求为你编写代码，正如你所理解的，我不是像你一样的程序员，贾斯蒂纳斯，我是一个只懂很少HTML的学生。我很高兴成为你们的一半。所以不要欺骗，先尝试一些东西。想象一下，你的外科医生在所有的检查中都作弊了，现在却要把你剖开！谢谢大家的帮助，我愿意接受你们所有的答案。

<script type="text/javascript">
     function changeThis()
            {
                var one = $('#Stringa1').val();
                var two = $('#Stringa2').val();
                var three = $('#Stringa3').val();
                var res = one+"|"+two+"|"+three;
                 $('#newText').html(res);

            }


 </script>

function changeThis() {
    a = document.getElementById("Stringa1").value
    b = document.getElementById("Stringa2").value
    c = document.getElementById("Stringa3").value

    document.getElementById("newText").innerHTML = a + '|' + b + '|' + c

}