Question

<input name="input1" id="input1" type="text" value="" class="problem">

<input name="input2" id="input2" type="text" value="" class="hidden">

我正在尝试使用jQuery从另一个文本输入字段（例如input＃input1）（未提交）填充隐藏文本输入（例如input#input2）字段。我已经根据我的要求提供了这个jsfiddle但是有一个下拉字段。我想知道是否有人能够指出我正确的方向？

编辑：对不起，如果我不清楚，jsfiddle工作正常，但我正在尝试使用文本字段而不是下拉来填充其他字段。

Answer 1

我总是通过将该值存储在变量中来处理此问题：

var yourText = document.getElementById("input1").value;

然后将其插入隐藏字段：

$('#input2').val(yourtext);

这是你隐藏的领域：

<input id="input2" type="hidden" />

Answer 2

$("#my_form").submit(function(event){

var visibleInputVal = $("#input1").val();

if(visibleInputVal != ""){
    $("#input2").val(visibleInputVal);
}else{
    alert("you need to provide a value for input 1");
    event.preventDefault();
}

});



<form id="my_form">
<input type="text" value="" id="input1" />
<input type="hidden" value="" id="input2" />
<input type="submit" value="Submit" />
</form>

使用jQuery填充隐藏文本输入

2 个答案: