Question

我好好看看周围，我觉得我很接近，但我真的很挣扎。

我们有一个页面通过AJAX提取内容以填充下拉菜单。

你从一个下拉菜单开始，你选择的东西会抓住下一组等。

我希望能够通过下一个菜单中的一个链接点击选择下拉菜单中的一个选项（即，最初不可见），并且我认为由于AJAX，有一些jQuery绑定奇怪，但我可以弄清楚如何做到这一点。

我的html（这里的选择列表在填充AJAX之前不存在）

<form>
<select name="myList">
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
</select>
<a href="javascript:void(0)" id="option1">Select option 1</a>
<a href="javascript:void(0)" id="option2">Select option 2</a>
<a href="javascript:void(0)" id="option3">Select option 3</a>
</form>

我的jq：

$('#option1').click(function() {
    $('select[name=myList] option[value=1]').attr('selected', 'selected');
});
$('#option2').click(function() {
    $('select[name=myList] option[value=2]').attr('selected', 'selected');
});
$('#option3').click(function() {
    $('select[name=myList] option[value=3]').attr('selected', 'selected');
});

现在这适用于选择选项，但它不会模拟鼠标点击，我需要它（由于某种原因），这需要进行下一个内容显示（即，不是简单地选择正确的选项，它必须点击。我的意思是，我得到了onClick事件，但是这仍然没有得到下一个要加载的内容。我无法改变这个：/）。

我已尝试在此处http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F

实施某些内容

但没有取得任何成功。谢谢你的任何想法。

Answer 1

你可以随时自己模拟点击吗？虽然这是你想要的改变事件，但是这样做：

DEMO：http://jsfiddle.net/xsP2A/

$('#option1').click(function() {
    $('select[name=myList] option[value=1]').attr('selected', 'selected');
    $('select[name=myList]').change();
});
$('#option2').click(function() {
    $('select[name=myList] option[value=2]').attr('selected', 'selected');
    $('select[name=myList]').change();
});
$('#option3').click(function() {
    $('select[name=myList] option[value=3]').attr('selected', 'selected');
    $('select[name=myList]').change();
});

使用jQuery模拟AJAXy单击选择菜单

1 个答案: