用jquery發送數值

Question

如何用jquery發送數值？我試試這個。

<span onclick="doSomething()" value="3">Select this Shop</span> 
<input class="my-shop" value=""> 
<script> 

function doSomething(){ 

    var text = $(this).val(); 

    $(".my-shop").val(text); 
} 
</script> 

我的代碼不工作，但我不知道爲什麼。 感謝您的幫助

Answer 1

►您在span上給出的value是屬性。所以你必須使用.attr()來獲得屬性。

工作演示

function doSomething(elem){ 
 
    var text = $(elem).attr('value'); 
 
    $(".my-shop").val(text); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span onclick="doSomething(this)" value="3">Select this Shop</span> 
 
<input class="my-shop" value="">

Answer 2

你可以嘗試不同的模式相同的功能。 DEMO

<span value="3">Select this Shop</span> 
<input class="my-shop" value=""> 
$(document).ready(function() { 
$('span').click(function(e){ 
    $(".my-shop").val($(this).attr('value')); 
}) 
}); 

如果你有在同一頁面很多span，想要爲目標的jQuery選擇特定span那麼你可以添加類。

<span value="3" class="unique">Select this Shop</span> 
    <input class="my-shop" value=""> 
    $(document).ready(function() { 
    $('.unique').click(function(e){ 
     $(".my-shop").val($(this).attr('value')); 
    }) 
    }); 

Answer 3

裏面你doSomething()功能this指的是全局的window對象。你可以在你的函數中加入console.log(this)來檢查。

實現此目的的一種方法是使用JQuery選擇器。

function doSomething(){ 
    var text = $('span').attr('value'); 
    $(".my-shop").val(text); 
} 

你可以找到更多關於jQuery選擇從this link。