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

时间:2016-01-15 11:45:09

标签: jquery ajax dropdownbox

我想调用一个jQuery函数来显示这个文本(Dropdown):

<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);
    }
};

我该怎么做?我只想显示下拉列表(初学者问题

1 个答案:

答案 0 :(得分:1)

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

这里有一个关于你能做什么的想法:

(如果选择框未添加到页面,则将其附加到页面)

&#13;
&#13;
$( 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>');
};
&#13;
<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>
&#13;
&#13;
&#13;