Jquery 动态文本框输出

我已经让JQuery使用下拉菜单输出动态文本框，但我无法获得要输出的值。我会错过什么？我错过了什么？我觉得我还需要另一个计数器来输出

v1
v2

v3

v4


v1

v2
v3

v4
选择输入的数量
1输入
2输入
3输入
4输入
获取文本框值
$（'：按钮#获取'）。单击（函数（）{
$（'#v1'）.html（$（'input#v1'）.val（））；
$（'#v2'）.html（$（'input#v2'）.val（））；
$（'#v3'）.html（$（'input#v3'）.val（））；
$（'#v4'）.html（$（'input#v4'）.val（））；
});
$（“#下拉列表”）.change（函数（）{
如果（$（this）.val（）>0）{
$（“#输入保持器”）.empty（）；
对于（i=1；i'）；
}
}
});

**Id名称不应在页面中重复**
v1
v2

v3

v4




v1

v2
v3

v4
选择输入的数量
1输入
2输入
3输入
4输入
`
获取文本框值
$（'#Get'）。单击（函数（）{
$（'#v1'）.html（$（'input#v1'）.val（））；
$（'#v2'）.html（$（'input#v2'）.val（））；
$（'#v3'）.html（$（'input#v3'）.val（））；
$（'#v4'）.html（$（'input#v4'）.val（））；
});
$（“#下拉列表”）.change（函数（）{
如果（$（this）.val（）>0）{
$（“#输入保持器”）.empty（）；
对于（i=1；i，您的代码中有两个错误

1） 您没有包括jquery。
2） 脚本中的语法错误

检查其工作状态下的代码


$（'：按钮#获取'）。单击（函数（）{
$（'#v1'）.html（$（'input#v1'）.val（））；
$（'#v2'）.html（$（'input#v2'）.val（））；
$（'#v3'）.html（$（'input#v3'）.val（））；
$（'#v4'）.html（$（'input#v4'）.val（））；
});
$（“#下拉列表”）.change（函数（）{
如果（$（this）.val（）>0）{
$（“#输入保持器”）.empty（）；
对于（i=1；i这将起作用



v1
v2

v3

v4


v1

v2
v3

v4
选择输入的数量
1输入
2输入
3输入
4输入
获取文本框值
$（'：按钮#获取'）。单击（函数（）{
$（'#v1'）.html（$（'input#v1'）.val（））；
$（'#v2'）.html（$（'input#v2'）.val（））；
$（'#v3'）.html（$（'input#v3'）.val（））；
$（'#v4'）.html（''）；
var v4Value=''；
$（“#输入持有者输入”）。每个（函数（i，v）{
v4Value+=$（v）.val（）+“”；
})
$（'#v4'）.html（v4Value）；
});
$（“#下拉列表”）.change（函数（）{
$（“#输入保持器”）.empty（）；
如果（$（this）.val（）>0）{
对于（i=1；i）如何在每个输出值之前显示要显示的文本？
**Id name should not repeat in a page**

v1<label id="v1"></label> <br> v2
<label id="v2"></label><br> v3
<label id="v3"></label><br> v4
<label id="v4"></label><br>


<div style="padding:16px;">
<br>
    v1
    <INPUT id="v11" type="text"><br> v2 <input type="text" id="v22" name="v2"> <br> v3
    <input type="text" id="v33" name="v3"><br> v4 <select id="dropdown">
    <option value="0">Select number of inputs</option>
    <option value="1">1 input</option>
    <option value="2">2 inputs</option>
    <option value="3">3 inputs</option>
    <option value="4">4 inputs</option>
</select>
    <div id="input-holder"></div>
</div>`

<button id="Get">Get TextBox Value</button>


<script>
    $('#Get').click(function() {

        $('#v1').html($('input#v1').val());
        $('#v2').html($('input#v2').val());
        $('#v3').html($('input#v3').val());
        $('#v4').html($('input#v4').val());


    });


    $('#dropdown').change(function() {
        if ($(this).val() > 0) {
            $('#input-holder').empty();
            for (i = 1; i <= $(this).val(); i++) {
                $('#input-holder').append('Enter Info: < input type = "text"  name = "v4'+i+'"  id = "' + i +'" > ');
            }
        }
    });
</script>