問題描述
我有兩個下拉列表的表單(比如 A 和 B).當我從 A 中選擇一個值時，將使用 AJAX 相應地填充 B
在同一頁面中，我有一個按鈕，按下該按鈕后，會將下拉列表中所選項目的值發布到另一個 PHP 頁面.我遇到的問題是 B 的選定值返回為空白/空.
有沒有辦法存儲使用 AJAX 填充的下拉列表的選定值?
代碼如下:
(主表格)
用于填充第二個下拉列表的表單
如果您想從這里
查看完整的代碼下載清除框 B 中的舊值，當您向 B 插入新的選擇選項時，也相應地在選項中插入值.
關于js注意:argstr 是你從 ajax php 文件中得到的字符串，由 value1:option1|value2:option2 分隔并且 argctrl 獲得了之前的 Box B 選項
function splitstr(argstr,argctrl){var o;var ctrl = eval(argctrl);var prezar = argstr.split("|");argctrl.length = 0;清除組合(Ctrl)；如果(argstr！=''){for (o=0; o =0; i--){argctrl[i] = 空；}} I have form with two dropdownlists (lets say A and B). When I select a value from A, B is being populated accordingly using AJAX
In the same page I have a button, that when pressed, posts the values of the selected items of the dropdownlists to another PHP page. The problem I am having is that the selected value of B is returned as Blank/Empty.
Is there a way to store the selected value of a dropdownlist populated using AJAX?
Code below:
(Main FORM)
<form name="NewBar" method="post" onsubmit="return validateFormOnSubmit(this)" action="AssignContactDetailToBar_f.php">
<tr>
<td width="150"><b>Bar:</b></td>
<td>
<select name = "bar" onChange="getContact('AssignContactDetailToBar_f_getContacts.php?bar='+this.value)" size = 1 style = "width:190px">
<option value = "">---Select---</option>
<?php
while ($data = mysql_fetch_array($r_getBarsDetails))
{
echo "<option value="".$data['bar_id']."">".$data['bar_name']." (".$data['town_name'].")</option>";
}
?>
</td>
</tr>
<tr>
<td width="150"><b>Contact Person:</b></td>
<td>
<div id="persondiv"><select name = "person" size = 1 style = "width:190px">
<option value = "">--Select Bar--</option>
</td>
</tr>
<tr>
<td>
<input name="security" type="text" size="15">
</td>
<td>
<input type="submit" name="Submit" value="Submit">
</td>
</tr>
</form>
FORM to populate the 2nd Dropdownlist
<select name="person" size = 1 style = "width:190px">
<option value = "">--Select Person--</option>
<?php
while($data=mysql_fetch_array($result))
{
echo "<option value="".$data['person_id']."">".$data['person_name']." ".$data['person_surname']." (".$data['town_name'].")</option>";
} ?>
if you would like to see the complete code download from here
Clear the old value from box B and while u are inserting new select options to B also insert the values in the options accordingly.
on js Note: argstr is string u get from ajax php file seperated by value1:option1|value2:option2 and argctrl got previous Box B options
function splitstr(argstr,argctrl)
{
var o;
var ctrl = eval(argctrl);
var prezar = argstr.split("|");
argctrl.length = 0;
clearcombo(ctrl);
if(argstr!='')
{
for (o=0; o < prezar.length; o++)
{
splitarr = prezar[o].split(":");
ctrl[ctrl.length] = new Option(splitarr[1], splitarr[0]);
}
}
}
function clearcombo(argctrl)
{
for (var i=argctrl.length-1; i>=0; i--)
{
argctrl[i] = null;
}
}
這篇關于如何使用使用 AJAX/PHP 填充的 DropDownList 中選定值的值的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！