动态更改表单操作和占位符文本

Question

我有一个带有下拉菜单和文本字段的表单。占位符文本根据所选选项在文本字段中动态更改。它适用于所有选项，除了一个;谷歌搜索。

我可以将表单操作从第一个，正常的网址和ID更改为google网址和ID。但是，由于google id更复杂（例如searchbox_test45656456：test-_test），因此id和action不会更改。

感谢任何帮助。我知道我的代码不是最传统和最有效的。我想如果我能学会如何解决这个问题，那么我就可以学习如何改进它。

如果使用类动态更改占位符文本是更好的方法，那么任何帮助都会受到欢迎。

jsfiddle

到目前为止，下面这段代码没有用。

$('#searchForm').on('change', function() {
    var placeholder = $(this).find(':selected').data('placeholder');
    var select_option = $('#search_catalog option:selected').attr('class');

已更新 我越来越近了，jsfiddle现在正在使用类和id onchange元素而不是表单。我剩下的问题是，我将选择选项更改为仅限网站，这是谷歌搜索，如果我再次更改选项选项，而我的代码中的其他元素更改正确，表单ID和操作不会。

我还在研究这个问题，但任何正确方向的指针都会受到高度赞赏。谢谢！