動態加載下拉框的基礎知識

Question

我是php / ajax的新手，也是sql的新手。 我正在嘗試添加一個動態下拉框，當選擇將加載另一個帶有日期或其他文本框的下拉框時。 有人能指出一些不太令人困惑的簡單例子。 我知道ajax最適合這個。

腳本

  function showfield(name){
 if(name=='byreturn')document.getElementById('div1').style.display="block";
 else document.getElementById('div1').style.display="none";
 }

if(name=='forwardorder')document.getElementById('div2').style.display="block";
else document.getElementById('div2').style.display="none";
}


  function hidefield() {
document.getElementById('div1').style.display='none';
}

頁

       <tr><td> <body onload='hidefield()'>
                Choose Delivery Type </td>
               <td> <select name = 'elementtype1'id='elementtype1' onchange='showfield(this.options[this.selectedIndex].value)'>
                        <option value='forwardorder'>Forward Order</option>
                        <option value='byreturn'>By Return</option>
                        </select></td>
                        <td>

                        <div id='div1'>Enter By Return Date<input type='text''name='whatever1' />
                        </div>

                        <div id='div2'>
                        <td>Capacity</td>
                        <td><select name='deliveryDate'>
                        $listCapacityDates = $cid->ListCapacity();
                        foreach($listCapacityDates as $x) {
                        <option value='" . $x[cap] . "'</option>;
                        </div>
                        </td></tr>

Answer 1

這很簡單

<select name="first" onChange="populateNextBox(this)">
 <options value="1">Microsoft</options>
 <options value="2">Oracle</options>
</select>

<div id="populate"></div>

當用戶從下拉列表中選擇值時

必需的java腳本函數

 function populateNextBox(e) {
      alert(e.value); //will print the selected value
      //used jquery for populating data
      $.post('ajax/test.php?id='+e.value, function(data) {
          $('#populate').html(data);
      });
    }

//您的ajax / test.php將為下拉列表創建內容

動態加載下拉框的基礎知識

問題描述

1 個解決方案

解決方案1
2 2012-03-27 09:49:43

動態加載下拉框的基礎知識

問題描述

1 個解決方案

解決方案1 2 2012-03-27 09:49:43

解決方案1
2 2012-03-27 09:49:43