使用change事件动态填充输入选择后,选择一个值

时间:2013-07-17 20:04:03

标签: jquery dom

我有两个输入选择,第二个输入填充在第一个输入选择中选择一个值时,它可以工作。

我正在选择一个值,并且第二个选择正在填充,但是当我想从第二个输入选择中选择选项时出现问题。我不能这样做。

ajax正在其他文件中执行,因此我无法修改ajax,我唯一想要的是当值出现在DOM时以dinamically方式选择该选项。

 <script>
    jQuery($).ready(function(){
       //here I'm selecting a option from land and region is populating properly
       jQuery("#land option[value={VALUE1}]").attr("selected","selected").change();

       //when I try to select the region dinamically it doesn't work
       jQuery("#region option[value={VALUE2}]").attr("selected","selected").change();
     });
 </script>

我想从第二个输入中选择一个值。

我觉得价值不存在,

也许使用事件处理程序,可以解决它。 怎么能解决这个问题呢?

1 个答案:

答案 0 :(得分:1)

这是一个AJAX函数示例,它基于第一个选择,您选择汽车的品牌,它调用数据库并返回第二个选项的所有选项

$("#make").change(function(){
    $("#model").attr("disabled", false);
    $.ajax({
        url: "http://website.com/vehicle/getmodel.php",
        data: {make: $(make).val()},
        type: "post",
        success: function(msg){
        $("#model").html(msg);
        }
    });
});