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 个答案: