[ivan899]

Здравствуйте. Помогите пожалуйста. Имеется две формы поиска. Нужно объединить их в одну. Не знаю как правильно это сделать, так как не силен в js. Нужно сделать одну форму, один input с двумя значениями name, и что бы в форме менялось action, тоже 2 значения.
Частично форма работает, но с хаком в самом компоненте cms, но после обновления всё слетит. Хотелось бы нормально сделать.
В одном input поиск идёт по значению name="serach", в другой name="searchword".
Вот набросал пример что уже есть.
https://jsfiddle.net/897obLqq/4/embedded/
Правильно или нет не знаю.
Правда второй скрипт замены name не работает почему то в jsfiddle, на компьютере работало.
Вот как у меня сделано:

<script src="jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('#inselect').change(function(){
            $('.in').hide();
            $('#' + $(this).val()).show();
        });
    });
</script>

<script type="text/javascript">
window.onload = function(){
    var select = document.forms['select'].elements, i = select.length, array = [];
    while(i--){
        select[i].onchange = function(){
            array.push(this[this.selectedIndex].text);
            select[0].name = array;
        };
    }
};
</script>
<form action="/search" method="post" name="select">

<input name="search" type="text" placeholder="Поиск..." />
								
<Select id="inselect">
	<option value="" disabled="">Где искать?</option>
   <option value="in1" selected>Блог</option>
   <option value="in2">Товары</option>
</Select>
		
		
<div id="in1" class="in" style="display:block">		
		<input type="submit" value="Найти" onclick="this.form.action = 'http://test.loc/search';" />
</div>
<div id="in2" class="in" style="display:none">
	<input type="submit" value="Найти" onclick="this.form.action = 'http://test.loc/search-shop';" />
</div>

</form>