调用函数以在 select 更改时显示文本

Question

我想调用 jQuery 函数来显示此文本（下拉菜单）：

<select name="filter" data-userid="3" onchange="getPoints(this.value)">
    <option value="one">One</option>
    <option value="two">Two</option>
</select>";

我的查询应如下所示：

function getFilterOption() {
    $(this).html(Dropdown)
    success: function(result){
        $("#Target").html(result);
    }
};

我该怎么做？我只想显示下拉菜单（初学者问题）

Answer 1

只是一个小提示，最好不要使用您用来执行 onChange 的内联代码。您正在使用 JQuery，因此请使用它检查下拉列表更改的能力。

这里是您可以做什么的想法：

（如果 select 框尚未添加到页面，您将其附加到页面）

$( document ).ready(function() 
{
     getFilterOption();
  
     $(document).on('change', "select[name*='filter']" ,function() 
     {
       getPoints(this.value);
     });
});

function getPoints(result) 
{
   $("#Target").text(result);
};

function getFilterOption() 
{
   $("#filterWrapper").append('<select name="filter" data-userid="3"><option value="one">One</option><option value="two">Two</option></select>');
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="Target">PlaceHolder Text</div>

<div id="filterWrapper">

</div>

调用函数以在 select 更改时显示文本

Calling a function to show text on select change

ajax

jquery

dropdownbox