自动对焦在不同的字段上重新加载功能

时间:2012-09-24 06:04:02

标签: javascript jquery reload autofocus

我有一个表格例如: Country1 - State1 - City1 - (所有三个都是下拉列表)

这是3个具有唯一ID的不同字段,我可以添加更多行和&那会给我的 Country2 - State2 - City2

如果我选择country,我正在重新加载页面以加载state1(或state2 one)下拉列表中的状态列表等等。(由jquery完成)。 现在,我希望当我选择country1或2时,在重新加载页面后,它应该分别关注state1或2或至少on country1或2。

我不知道,这是否可能......但我需要这个:(

1 个答案:

答案 0 :(得分:1)

我建议你使用AJAX重新加载部分页面。重新加载整个页面浪费了服务器端和客户端的资源。当您已经加载DOM时,只刷新您想从服务器获取的部分是有意义的。

使用jQuery可以让人联想到:

$.ajax({
    url: 'http://somedomain.tld/your_script_url',
    data: {
        country:$('#country_input').val(),
    },
    dataType:'json',
    type:'POST'
});

URL应该返回文本或HTML或JSON。您应该根据要返回的内容修改dataType的值。

此外,type应为GETPOST

您可以使用$("#your_id").focus();关注元素。

这不仅可以节省您在服务器端的大量处理,还可以帮助您编写一个通用函数来为页面上的每个选择元素执行此任务。