输入值隐藏

时间:2013-08-16 08:16:46

标签: javascript html html-input

我有这个输入:

<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>

3 个答案:

答案 0 :(得分:0)

你可以这样做(你需要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;

答案 1 :(得分:0)

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

附加到输入字段的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;

答案 2 :(得分:0)

试试这个

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

Jquery的:

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

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