2014-09-05 42 views
1

所以我给自己一个表格,如下所示;我正在尝试根据选择更改表单的操作链接。然而,它并不真正为我工作。更改下拉选项的表单动作

<form action=""> 
    <select id="location"> 
     <option value="http://www.google.com/php:id=384733">New York</option> 
     <option value="http://www.google.com/php:id=384734">Georgia</option> 
    </select> 
    <input type="submit" value="Submit"> 
</form> 


$("#location").change(function() { 
    var action = $(this).val(); 
     $("form").attr("action")}; 
    }); 
)}; 

还有更多的只是两个国家,我会拥有所有国家,但对于这个例子我列出了两个。该值将是具有不同ID号的网址,如上所示。最后,如果我选择了New York,表单代码中的动作会得到更新并显示类似于此的内容;

<form action="http://www.google.com/php:id=384733"> 

回答

2

就快,短短的语法错误,而你根本没有设置属性

$("#location").on('change', function() { 
    $(this.form).attr("action", this.value); 
}); 
+0

谢谢!这似乎按照我想要的方式工作。 :)对不起,仍然在java的学习曲线 – user2419316 2014-09-07 23:59:14

0

似乎有你有你的JavaScript中的错字,检查:

$("#location").change(function() { 
     var action = $(this).val(); 
     $("form").attr("action",action); 
});