在选择输入类型=“文件”更改输入类型“文本”

时间:2013-05-29 16:39:46

标签: javascript jquery html ajax

我有一个HTML表单,输入类型=文本和输入类型=文件(我的情况标题和文件),我想当有人选择文件,更改标题的值。我尝试使用Javascript,但我甚至不接近解决方案。

4 个答案:

答案 0 :(得分:1)

非常简单,.change()事件可以解决问题:

<input type="text" id="title"/>
<input type="file" id="file"/> 

$("#file").change(function() {
    $("#title").val("Changed!");
});

演示:http://jsfiddle.net/FkJss/

答案 1 :(得分:1)

试试这样:

$("input:file").change(function () {
    $("#idtexbox").val('DesiredValue');

    $("input:file").val("");//clear file input value
});

DEMO

答案 2 :(得分:0)

您可以尝试jQuery.change():

$(file_selector).change(function (){
  $(title_selector).val(value_to_change);
});

答案 3 :(得分:0)

如果您不想使用任何jQuery,请执行以下操作:

document.getElementByID("file").onchange(function(){
    document.getElementByID("title").value("Changed!");
});