Jquery在选择标签中添加选项 - Jquery append option in select tag

Jquery append option in select tag

本文关键字：添加选项标签选择 Jquery | 更新日期: 2023-09-27

在这里，我尽我所能，但无法得到结果。请大家帮帮我。使用这些代码我无法得到正确的结果。可能是我遗漏了什么。

$get_medical_aod_name = $_POST['name'];
$select_query = mysql_query("SELECT id, name FROM insurance_companies WHERE cat=$get_medical_aod_name");
while ($row = mysql_fetch_array($select_query)) {
  $result[] = array(
    'id' => $row['id'],
    'name' => $row['name']
  );
}
header('Content-Type: application/json', true);
echo json_encode($result);

和我的script.js

$('#medical_aid_name').change(function(){
       //alert("working");
       var name = $(this).val();
       $.post('ins_bene.php',
    {'name' : name },
    function(data){
        var select = $('#benefit').empty();
        $.each(data.values, function(i,data) {
            select.append( '<option value="'
                                 + data.id
                                 + '">'
                                 + data.name
                                 + '</option>' ); 
        });
    }, "json");
   });

和我感觉一切都很好，但我没有得到输出:(

试试这个…

    $('#medical_aid_name').change(function() {
        var name = $(this).val();
        $.post('ins_bene.php', { 'name': name },
        function(data) {
            alert(data)  // [object][object],[object][object]
            $('#benefit').empty();
            $.each(data, function(key, value) {
                $('#benefit').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
        }, "json");
    });

您需要引用查询:

$select_query = mysql_query("SELECT id, name FROM insurance_companies WHERE cat=$get_medical_aod_name");

$select_query = mysql_query('SELECT id, name FROM insurance_companies WHERE cat="' . mysql_real_escape_string($get_medical_aod_name) .'"');

请不要使用mysql_函数搬到PDO去!

代替下面的代码:

 var select = $('#benefit').empty();
        $.each(data.values, function(i,data) {
            select.append( '<option value="'
                                 + data.id
                                 + '">'
                                 + data.name
                                 + '</option>' ); 
        });

使用以下代码:

    var select = $('#benefit').empty();
    $.each(data.values, function(i,data) {
        $('#benefit').append( '<option value="'
                             + data[i].id
                             + '">'
                             + data[i].name
                             + '</option>' ); 
    });

这里的select var没有select标签的对象，这就是为什么

应该能行

while ($row = mysql_fetch_array($select_query)) {
  $result['values'] = array(
    'id' => $row['id'],
    'name' => $row['name']
  );
}

在script.js中修改

$.each(data.values, function(key, value)

$.each(data, function(key, value) {

或

为$result分配密钥values

while ($row = mysql_fetch_array($select_query)) {
  $result['values'] = array(
    'id' => $row['id'],
    'name' => $row['name']
  );
}