jquery 获取 textarea -> 附加到搜索字符串

Question

我正在尝试创建一个搜索功能，该功能从单击时从文本区域获取值，然后进一步将其作为新图像附加到

$(document).ready(function() { 
    $(".btn").click(function() {
        $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/tags/[!!!]beach/media/recent?client_id=xxx&access_token=yyy",
        success: function(data) {
            for (var i = 0; i < 10; i++) {
                $("#w").append("<a class='photos' target='_blank' href='" + data.data[i].link + "'><img src='" + data.data[i].images.low_resolution.url +"'></img></a>");
            } 
        }
    });
});

我想获取 textarea 单词并将其附加到 URL 部分，替换 [!!!] ../tags/[!!!]beach/

有什么想法吗？还是有更简单的方法？

Answer 1

尝试通过元素 id 获取值

var txtarea = $("#s").val();

这是你想要的吗？

$(document).ready(function() { 
    $(".btn").click(function() {

        var txt = $("#s").val();
        $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/tags/"+txt+"beach/media/recent?client_id=xxx&access_token=yyy",
        success: function(data) {
            for (var i = 0; i < 10; i++) {
                $("#w").append("<a class='photos' target='_blank' href='" + data.data[i].link + "'><img src='" + data.data[i].images.low_resolution.url +"'></img></a>");
            } 
        }
    });
});