如何使用下拉选择选项获取带有 Ajax 的 html 元素？

Question

这是我从wired.com 加载的RSS 数据的下拉列表

         <select name="Konular" class="col-md-8" id="rssdrop">
            @foreach (var item in Model.RSSDropDown)
            {
                <option value=@item.Value>@item.Text</option>
            }
        </select>

         <div id="content" style="overflow:scroll; height:300px; width:800px; margin-left:auto">içerik</div>

我想从链接获取文章标签，使用 ajax 并将其加载到#content。 这是我的 ajax 脚本：

 $("#rssdrop").change(function () {
    var RSSurl = $(this).find(':selected').val();
    $.ajax({
        url: RSSurl,
        type: 'GET',
        success: function (data) {
            $('#content').html($(data).find('article').html());
        }
    });
});

当我复制链接并通过它的工作时：

   url: "https://www.wired.com/story/star-wars-the-last-jedi-review/",

但我不能从选定的选项中获取它我该怎么做

Answer 1

只需从此替换您的代码：

var RSSurl = $(this).find(':selected').val();

到这里：

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

.val 在选择元素本身上效果很好，不需要在其中找到选定的选项。