Question

我有一个div名为＃div1，其随机值为href。例如：

<div>
<a href="#"> Apple </a>
<a href="#"> Orange </a>
<a href="#"> Lemon </a>
<a href="#"> Banana </a>
</div>

当我点击input＃input1与Javascript时应用的任何内容时，怎么可能？

表单为：<input type="text" name="q" id="input1" >

非常感谢。

Answer 1

您的问题提示您希望href属性填充input元素。

$('#div1 > a').click(function(event) {
   event.preventDefault();
   $('#input1').val($(this).attr('href'));
});

jsFiddle

如果您想要href属性的整个路径，请使用this.href。

如果它确实是您所使用的文本节点，请将上面的this.href替换为$.trim($(this).text())。

Answer 2

尝试下面的代码，在文本框中获取值Lemon，Banana等.... HTML：

<div1>
<a href="#"> Apple </a>
<a href="#"> Orange </a>
<a href="#"> Lemon </a>
<a href="#"> Banana </a>
</div>

    <input type="text" name="q" id="input1" >

脚本：

    <script type="text/javascript" >

        $('div1 > a').click(function(event) {
           event.preventDefault();
           $('#input1').val($(this).html());
        });

    </script>

JS：选择div的href并将href文本应用于输入

2 个答案: