javascript - 输入值隐藏

Question

我有这个输入：

<input id="tag1" type="text" name="tags" class="tags" value="@Model.list" />

我想在隐藏的输入中获取这个输入值，所以我使用了这个：

<input type="hidden" name="tag" value="tags" />

我没有得到第一个输入的真实值，而是得到字符串“tags”！您能告诉我如何获得隐藏输入中第一个输入的真实值吗？谢谢！

编辑：实际上这是一个提交页面，用户在#tag1 中输入标签，当他点击提交时，我想将这些标签发送到我的控制器，这就是我使用隐藏输入的原因......我的完整代码：

<form>
        <p>
        <input id="tag1" type="text" name="tags" class="tags" value="@Model.list" onblur="setValue()"; /></p>
        <script>
            $('#tag1').tagsInput({
                // my parameters here
            });

        </script>
<style>
#wrapper { 
margin: 20px;    
}


</style>



    <p>
        <input type="submit" value="Create" />
        <input type="hidden" name="taggg" id="tag2" />
        <script type="text/javascript">
            function setValue() {

                document.getElementById("tag2").value = document.getElementById("tag1").value;
            }

            window.onload = setValue;
        </script>


    </p>


    </form>

Answer 1

您可以这样做（并且您将需要 javascript）。

为您的隐藏输入提供一个 id，例如：

<input type="hidden" id="hidden_input" name="tag" value="tags" />

然后在需要时使用/粘贴此代码：

var input_value = document.getElementById('tag1').value;
document.getElementById('hidden_input').value = input_value;

Answer 2

我不明白您为什么要将一个输入字段的值复制到另一个（尽管是隐藏的）。但如果这是您想要做的，请尝试使用以下代码。

附加到onblur输入字段事件的函数将在失去焦点时将输入字段的值设置为隐藏字段。

将window.onload = setValue在页面加载时执行相同的操作。

HTML

<input id="tag1" type="text" name="tags" class="tags" value="@Model.list" onblur="setValue();" />
<input type="hidden" name="tag" value="tags" id="tag1_hidden" /> <!-- Note the addition of an id attribute -->

JavaScript

function setValue() {
    document.getElementById("tag1_hidden").value = document.getElementById("tag1").value;
}

window.onload = setValue;

Answer 3

尝试这个

<input id="tag1" type="text" name="tags" class="tags" value="@Model.list" />
<input type="hidden" name="tag" value="tags" id="tag2" />

查询：

$("#tag2").val($("#tag1").val());

或者

$("#tag1").blur(function() {
  $("#tag2").val($(this).val());
});