Помогите решить проблему!

Доброго дня спецы!
Два дня не могу решить проблему.

На странице, с помощью скрытого инпута ->

PHP:

1. <input type="hidden" name="ID" value="<?php echo esc_attr( $listing->ID ); ?>" />

Создаются поля, выпадающие списки, произвольные поля и так далее
Одно из них ->

PHP:

1. <select name="cp_state" id="cp_state" class="dropdownlist required">

Как мне программно присвоить этому полю обработчик onchange="CityList(this)
Или может быть через name="cp_state" id="cp_state" ?

Пробовал присвоить здесь в файле custom-forms.php
$field_class = ( $result->field_req ) ? 'dropdownlist required' : 'dropdownlist';
$args = array( 'name' => $result->field_name, 'id' => $result->field_name, 'class' => $field_class, 'onchange' => 'CityList(this)' );

Но тогда этот обработчик во всех dropdownlist, а мне нужен только name="cp_state" id="cp_state"
Как еще можно сделать?

 

@ADSoft хорошо попробую.

 

@ADSoft
Что-то не получается.
Вообще есть ли такая функция к полю name="cp_state" или по id="cp_state" привязать или присвоить onchange?

 

Обработчик который нужно привязать к

PHP:

1. <select name="cp_state" id="cp_state"class="dropdownlist required" onchange="CityList(this)">

chained.js

PHP:

1. var ajax = new Array();
2.  
3. function CityList(sel)
4. {
5.     var countryCode = sel.options[sel.selectedIndex].value;
6.     document.getElementById('cp_region').options.length = 0;    // Empty city select box
7.     if(countryCode.length>0){
8.         var index = ajax.length;
9.         ajax[index] = new sack();
10.      
11.         ajax[index].requestFile = 'http:/*******getcities.php?countryCode='+countryCode;    // Specifying which file to get
12.         ajax[index].onCompletion = function(){ createCities(index) };    // Specify function that will be executed after file has been found
13.         ajax[index].runAJAX();        // Execute AJAX function
14.     }
15. }
16.  
17. function createCities(index)
18. {
19.     var obj = document.getElementById('cp_region');
20.     eval(ajax[index].response);    // Executing the response from Ajax as Javascript code
21. }

в getcities.php база районов и сел

cp_region - вывод сел исходя из района.

 

@denis01
Добрый день!
Можете подсказать из-за чего могут конфликтовать эти два кода.
Один отключу второй работает и на оборот.
Эти оба на одной форме.

Обработчик cp_state.js
01 var ajax = new Array();
02
03 window.onload=function(){
04 window.document.getElementById('cp_state').onchange=function(e){
05 getCityList(e.target);
06 };
07 };
08 if(window.document.readyState=='complete')
09 window.dispatchEvent(new Event('load'));
10
11
12 function getCityList(sel)
13 {
14 var countryCode = sel.options[sel.selectedIndex].value;
15 document.getElementById('cp_region').options.length = 0;
16 if(countryCode.length>0){
17 var index = ajax.length;
18 ajax[index] = new sack();
19
20 ajax[index].requestFile = 'http://***/sel/baza/cp_state.php?countryCode='+countryCode;
21 ajax[index].onCompletion = function(){ createCities(index) };
22 ajax[index].runAJAX();
23 }
24 }
25
26 function createCities(index)
27 {
28 var obj = document.getElementById('cp_region');
29 eval(ajax[index].response);
30 }


Обработчик cp_avto.js
01 var ajax = new Array();
02
03 window.onload=function(){
04 window.document.getElementById('cp_id_387').onchange=function(e){
05 getAvtoList(e.target);
06 };
07 };
08 if(window.document.readyState=='complete')
09 window.dispatchEvent(new Event('load'));
10
11
12 function getAvtoList(sel)
13 {
14 var countryCode2 = sel.options[sel.selectedIndex].value;
15 document.getElementById('cp_id_928').options.length = 0;
16 if(countryCode2.length>0){
17 var index = ajax.length;
18 ajax[index] = new sack();
19
20 ajax[index].requestFile = 'http://***/sel/baza/cp_avto.php?countryCode2='+countryCode2;
21 ajax[index].onCompletion = function(){ createCities2(index) };
22 ajax[index].runAJAX();
23 }
24 }
25
26 function createCities2(index)
27 {
28 var obj = document.getElementById('cp_id_928');
29 eval(ajax[index].response);
30 }


База, у каждого своя, может её в общую согнать?

 

@denis01
Добрый день!
Подскажите пожалуйста...

function CopySelect() {
var value = document.getElementById('cp_id_387').value;
var elements = document.getElementsByName('post_title');
for(var i in elements)
elements.value = value; }


Код копирует данные Select "cp_id_387" в Input "post_title"

Дело в том что есть еще один Select "cp_id_928" как можно реализовать последовательно копирования

Т.е. в Input "post_title" копируется "cp_id_387" через пробел "cp_id_928"

По сути картинка такая:
Марка авто: Тойота
Модель авто: Найс

Input "post_title" = Тойота Найс

Вообще возможно ли это реализовать?