单击按钮上的添加/追加动态数据库(SQL)选择框


Adding/Appending Dynamic Database (SQL) Select Box on Button click

我发现下面来自网络的fiddle非常有用。(由于格式错误,我无法发布代码)

请点击此处查看代码

<table>
<tr>
    <td>
        <input type="text" name="data1" value="abc" />
    </td>
    <td>
        <button type="button" onClick="addRow(this)">Add</button>
    </td>
</tr>

var txtbox = '<tr><td><select><option value="volvo">Volvo</option><option   
value="saab">Saab</option><option value="mercedes">Mercedes</option><option   
value="audi">Audi</option></select></td></td>';
function addRow(btn) {
    $(btn).closest('table').append(txtbox);
}

单击添加按钮时,它正在动态创建新的选择框在上述代码中具有硬编码CAR值,但我需要从数据库表中获得汽车的

你能帮忙吗。。。?

谨致问候,Jeena

您应该发布到您的php文件并从中获取源代码,然后将其打印在urdiv上,如下所示。

ur js文件:

function addRow(btn) {
    $.post("cars.php",function(data){
    $(btn).closest('table').append(data);
   });
}

ur php文件:

$a = mysql_query("select * from cars");
echo '<tr><td><select>';
while($b = mysql_fetch_array($a)) {
echo '<option value="'.$b['id'].'">'.$b['brand'].'</option>';
}
echo '</select></td></td>';

放轻松

使用id 获取选择框值

<select id="my_select"><option value="1">1</option><option value="2">2</option>

在你的js:

`函数addRow(btn){

var select_val=$('#my_select').val();

$.post("cars.php",{select_val:select_val},function(data){
alert(data);

});}`

在您的php文件上:

<?php 
$select_val = $_POST['select_val'];
//db_process
?>