将onclick jquery转换为下拉列表

时间:2016-02-25 09:40:54

标签: jquery onchange

我试图转换此onclick事件以转换为下拉选项。例如,当有人选择" USA"从下拉列表中,它将与下面列出的代码相同。我基本上没有编程技能,所以越容易,越好越好。

感谢。

<a href="#" onclick="jQuery('.dataTables_filter INPUT').val('USA').trigger('keyup');return false;">A</a>

---我试过这个但是无法获得下拉值以填充onchange事件-----

<select id="countryList">
    <option value="">Pick a site</option>
    <option value="United Kingdom">United Kingdom</option>
    <option value="USA">USA</option>
</select>

<script>
    document.getElementById("countrylist").onchange = function() {
        jQuery('.dataTables_filter INPUT').val('****VALUE FROM THE DROP DOWN LIST*****').trigger('keyup');return false;
    }
</script>

1 个答案:

答案 0 :(得分:1)

是的,谢谢。我实际上刚发现一个帖子回答了我的问题。

对于寻找答案的人来说,这就是我最终使用的内容,但我确信您列出的格式也适用。

 <select id="foo">
<option value="">Pick a site</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
</select>

<script>
document.getElementById("foo").onchange = function() {

        jQuery('.dataTables_filter INPUT').val(this.value).trigger('keyup');return false;
    }        

  </script>

感谢您的快速回复。

Ĵ