0

mysql からのデータがあり、ドロップダウン リストに表示する必要があります。コードは以下です。

このデータ値は mysql から取得されます。したがって、これらすべての値をドロップダウン リストに表示する必要があります。解決策を探しています。

    var data = "user data1, user data2, user data3, user data4/ user data6, user data7, user data8/ user data5, user data9";


function studentPopulate(){
    $.each(newTotalData, function(key, value) {
    $('#sList')
    .append($("<option></option>")
    .attr("value",key)
    .text(value));
});
}

var totalData = [];
var data_array = []; 
var arrayVal = [];
var newTotalData = new Array();
function studentInfo(){
$.getJSON("checkData.php", {section_id:section_id, uID: uID}, function(data) {
    $.each(data, function(i, user) {
    var data = user.groupContent;
    data_array = data.split('/').join(',');
    totalData.push(data_array);
    arrayVal = totalData;
    newTotalData = arrayVal[0].split(',');
    studentPopulate();
    });
});
}

PHPコードは次のとおりです。

<?php

include 'connection.php'; 
$uID = $_GET["uID"];
$cid = $_GET["section_id"];
mysqli_select_db($con, "DB");

$Query="SELECT * from table WHERE uid='".$uID."' and section_id='".$cid."'";
$result = mysqli_query($con, $Query);
$totalRecords = mysqli_num_rows($result);
//echo $totalRecords;
if($totalRecords) {
    while ($row = mysqli_fetch_array($result)) {
    $returnData[]=array(    //for Json data array
        'userName' => $row['fullName'],
        'groupContent' => $row['groupContent']

);
}
}


mysqli_close($con);
echo json_encode($returnData);

?>

ドロップダウン値の変更。配列内のドロップダウン テキストを見つける必要があります。コードを更新しました。配列の値が見つからないようです。助けてください。newTotalData を見つけることができますが、そのドロップダウン値のグループ (配列) を見つける必要があります。

$('#sList').change(function() 
    {
        var str = $(this).find(":selected").text();
        if($.inArray(str,data_array[0])>=0){alert(data_array[0])};
    });
}
4

3 に答える 3

1

あなたはこのようにする必要があります -

var totalData = [];
function test(){
    var data = "user data1, user data2, user data3, user data4/ user data6, user data7, user data8/ user data5, user data9";
    data_array = data.split('/').join(',');
    totalData.push(data_array);
    arrayVal = totalData;
    newTotalData = arrayVal[0].split(',');
    studentPopulate();
}

function studentPopulate(){
    $.each(newTotalData, function(key, value) {
    $('#sList')
    .append($("<option></option>")
    .attr("value",key)
    .text(value));
});
}

test();

デモ----> http://jsfiddle.net/ht3Y7/1/

于 2013-06-18T20:28:39.407 に答える
0

あなたの例からは、ユーザーデータのどの部分がリストボックスの値を構成し、どの部分がリストボックスのテキストを構成するかが明確ではありません。あなたが何を求めているのかを説明するために、私はあなたのためにこのフィドルを作成しました:

HTML:

<select id='sList'></select>

Javascript:

function test() {
    var data = "100, Bob Smith/200, John Wayne";
    studentPopulate(data.split('/'));
}

function studentPopulate(data) {
    $.map(data, function (student) {
        var studentRecord = student.split(',');
        var id = studentRecord[0].trim();
        var name = studentRecord[1].trim();
        $('#sList')
        .append($("<option></option>")
                .val(id)
                .html(name));
    });
}

test();

この例では、リスト ボックスの値がリストの最初の要素であり、テキストが 2 番目の要素であると想定しています。

于 2013-06-18T20:29:42.803 に答える