JS：選擇div的href並將href的文本應用到輸入

我有一個名爲＃div1的div，它獲得了一個隨機值href。例如：JS：選擇div的href並將href的文本應用到輸入

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

這怎麼可能，當過我點擊任何這些被應用到input＃輸入1與Javascript？

形式爲：<input type="text" name="q" id="input1" >

非常感謝。

來源

2011-04-25 jQuerybeast

您的問題提示您希望href屬性填充input元素。

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

jsFiddle。

如果您想要href屬性的整個路徑，請使用this.href。

如果確實是您之後的文本節點，請將this.href替換爲$.trim($(this).text())。

來源

2011-04-25 07:55:00 alex

謝謝你的答案。它似乎並沒有工作，雖然：/ – jQuerybeast 2011-04-25 08:06:03

http://jsfiddle.net/hwzqk/ – jQuerybeast 2011-04-25 08:07:24

@rallyboy我用小提琴更新。你的小提琴的問題是'div1！=＃div1'。 – alex 2011-04-25 08:09:06

嘗試下面的代碼來獲取值檸檬，香蕉等，在文本框中....
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>

來源

2011-04-25 08:12:42

JS：選擇div的href並將href的文本應用到輸入

回答

相關問題