Question

我发现这个代码在网站上搜索，我想知道如何让这段代码跳过部分单击生成按钮，所以在填写文本字段时，文本会直接显示下载选项： jquery的：

$(function(){

$('#gen').click(function(e){
    e.preventDefault();
    url='http://'+$('#address').val();
    $('a').attr('href', url);
});

});

HTML：

<input type='text' value='' />
<label id='gen'>Generate</label>
</br></br>
 <a href=''>Download</a>

DEMO

Answer 1

你只需要设置onchange功能

$(function(){

 $('#address').on("change",function(e){
     e.preventDefault();
     url='http://'+$('#address').val();
     $('a').attr('href', url);
 });

});

http://jsfiddle.net/hNsm5/155/

Answer 2

您需要做的就是从按钮输入上的click事件切换到文本输入上的keyup事件：

首先，您应该在输入中添加名称或ID，以便我们识别它：

<input type="text" name="address" id="address" value="" />
<label id="gen">Generate</label>
</br></br>
<a href=''>Download</a>

然后，修改jQuery：

$(function(){
    $('#address').keyup(function(e){
        url='http://'+$(this).val();
        $('a').attr('href', url);
    });
});

工作演示：http://jsfiddle.net/pkq7H/

Answer 3

您可以在文本框的change事件中执行此操作

http://jsfiddle.net/hNsm5/157/

我更新了小提琴以显示我的意思。

而不是点击事件，现在它是文本框的change事件。

$('#address').change(function(e){

将文本框值设置为<a href=""> automatically</a>

3 个答案: