Question

我希望用户在单击输入字段后具有锚点选项。因此，我捕获了这些锚点的点击，并将该锚点的内容添加到空白的空白输入中。但是，该脚本不起作用。那么，错误在哪里呢？逻辑错了吗？在哪里我遵循了Jquery库文档中的示例，但我不了解该错误。你能告诉我错误在哪里吗？

翻译

pt-br'Colegios'变成了我们的'学校'

pt-br“统一”到我们的“位置”

pt-br'Inscrição'到我们的'subscription'

我的脚本动作 1.如果用户单击输入类型=“文本”，则将添加锚。 2.如果单击该锚点，则在输入中添加内容的值。

HTML

<input id="incricao" type="text" class="inscricao"/>
<input id="colegios" type="text" class="colegios"/>
<input id="unidades" type="text" class="unidades" />

Javascript / Jquery




$().ready(function(e) {

    $('#input').click(function(){
        $('.inscricao').append('<a href="#" id="presencial" target="_blank" rel="noopener noreferrer">Presencial</a><a href="#"  target="_blank" id="online" rel="noopener noreferrer">Online</a>');
    })

    $('#colegios').click(function(){
        $('.colegios').prepend('<a href="#" id="cdfmaster" target="_blank" rel="noopener noreferrer">CDF Master</a><a href="#" id="meninojesus" target="_blank" rel="noopener noreferrer">Menino Jesus</a><a href="#" id="ethos" target="_blank" rel="noopener noreferrer">Ethos</a>');
    })


    $('#unidades').click(function(){
        $('.unidades').prepend('<a href="#" id="recife" target="_blank" rel="noopener noreferrer">Recife</a><a href="#" id="jabatao" target="_blank" rel="noopener noreferrer">Jabatão</a>');
    })

   $("#presencial").click(function() {
       var valorDoInput0 = $(".inscricao").text();    
    $("#inscricao").val(valorDoInput0);
   });

   $("#online").click(function() {
     var valorDoInput1 = $(".inscricao").text();    
    $("#inscricao").val(valorDoInput1);
    });

   $("#cdfmaster").click(function() {
      var valorDoInput2 = $(".colegios").text();    
    $("#colegios").val(valorDoInput2);

    });

    $("#meninojesus").click(function() {
     var valorDoInput3 = $(".colegios").text();    
    $("#colegios").val(valorDoInput3);
    });

    $("#ethos").click(function() {
     var valorDoInput4 = $(".colegios").text();    
    $("#colegios").val(valorDoInput4);
    });


    $("#recife").click(function() {
        var valorDoInput5 = $(".unidades").text();    
       $("#unidades").val(valorDoInput5);
    });


    $("#jabatao").click(function() {
     var valorDoInput6 = $(".unidades").text();    
    $("#unidades").val(valorDoInput6);
    });

});

Answer 1

首先，您无法在输入标签中append进行任何操作，请尝试使用after而不是append。

另外$('#input')是错误的，您没有任何输入ID！尝试将其更改为$('#incricao')。

最后，为什么同时使用class和id来选择输入？删除这些类，仅使用id并选择您的输入，例如$('#ID')

jQuery单击事件无法按预期工作

1 个答案: