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

时间:2013-12-09 21:51:30

标签: javascript php jquery sql ajax

我发现网下面的小提琴非常有用。 (由于格式错误,我无法发布代码)

Please click here to see the code

<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

2 个答案:

答案 0 :(得分:0)

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

你的js文件:

function addRow(btn) {

    $.post("cars.php",function(data){

    $(btn).closest('table').append(data);

   });
}

你的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>';

放轻松

答案 1 :(得分:0)

获取id为

的selectbox值

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

在你的js:

`function 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

?>