проблем с несколько Котировки в JavaScript

Question

Я имею проблему изменяющуюся варианты выбери, основанную на опции другого выбора х, ниже приведен код, который работает:

dropdown2.innerHTML = "<?php echo($SQLFormElements->GetColumnAsOptions('SELECT `field2` FROM `table2` WHERE `field1` = \'8\' ')); ?>"; 

Объяснение:

У меня есть два таблицы базы данных: table1 и table2. table1 имеет field1. table2 имеет поля field2 и field1. SQLFormElements - это php-файл, который выводит элементы html на основе запросов mysql, в данном случае, для элемента select. dropdown1 содержит field1 значения. dropdown2 должен отображать значения field2 на основании значения field1, то есть выбранного элемента dropdown1.

В любом случае, приведенный выше код работает отлично, однако я уже зашиты в отличие от получения значения, потому что, когда я делаю что-то вроде этого:

var selectedItem = document.getElementById("ddField1"); 
dropdown2.innerHTML = "<?php echo($SQLFormElements->GetColumnAsOptions('SELECT `field2` FROM `table2` WHERE `field1` = \'" + selectedItem + "\' ')); ?>"; 

он не работает, ни малейшего представления, почему !? Я немного тупой. Напомним, первый фрагмент кода работает.

Я попробовал следующее:

• разбор переменного как Integer (field1 в моей таблице целочисленного типа)
• выходя из цитаты в пункте где
• выезда из-за котировок, но жесткое кодирование значения в рабочем документе where

Answer 1

Я думаю, вы пропустили значение в своем выбранном элементе.

var selectedItem = document.getElementById("ddField1"); изменить его var selectedItem = document.getElementById("ddField1").value;

Answer 2

Так метод AJAX предложенный @Bergi сделал трюк:

здесь: OnChange событие

dropdown1 в:

onchange="AJAXItemChangeEvent(this.value)" 

.. .

JavaSc НИИИТ Функция

function AJAXItemChangeEvent(selectedValue) 
{ 
    xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function(){ 
    document.getElementById("dropdown2").innerHTML = xmlhttp.responseText; 
    }; 

    xmlhttp.open("GET","Getter.php?field1=" + selectedValue,true); 
    xmlhttp.send(); 
} 

...

Getter.php

<?php 
    mysql_connect("dbhost","username","password"); 
    mysql_select_db("dbname"); 

    $field1 = $_GET["field1"]; 
    $sql = "SELECT field2 FROM table2 WHERE field1 = '".$field1."'"; 

    $result = mysql_query($sql); 
    echo "<option></option>"; 

    while($row = mysql_fetch_array($result)) 
    { 
     echo "<option>".$row[0]."</option>";  
    }   
?> 

Примечание - мой Аякса код не обслуживать старых браузеров \ обратной возможности