0

だから私はこのフォームを持っています:

<form enctype="multipart/form-data" action="cgi-bin/upload.cgi?upload_id=" method="post" onSubmit="return StartUpload(this);" target="xupload">
<table>
    <tr>
        <td class="first"><span class="right">Upload File: </span></td>
        <td class="second"><input name="file_1" type="file" onChange="checkExt(this.value)" accept=".mp4, .avi, .wmv, .mov, .camrec, .flv, .zip, .rar"></td>
        <td class="third"><span class="left">(required)</span></td>
    </tr>
    <tr></tr>
    <tr><center><h2>Video Information</h2></center></tr>
    <tr></tr>
    <tr>
        <td class="first"><span class="right">Your Name: </span></td>
        <td class="second"><input type="text" name="name"></td>
        <td class="third"><span class="left">(preferred)</span></td>
    </tr>
    <tr>
        <td class="first"><span class="right">Series ID: </span></td>
        <td class="second"><input id="series_id" type="text" name="series_id" placeholder="You should have been given this by your admin"></td>
        <td class="third"><span class="left">(preferred)</span></td>
    </tr>
    <tr>
        <td class="first"></td>
        <td class="second"><span id="series_id_check">Enter You're series ID Above and this will change</span></td>
        <td class="third"></td>
    </tr>
    <tr>
        <td class="first"><span class="right">Title: </span></td>
        <td class="second"><input type="text" name="title"></td>
        <td class="third"><span class="left">(preferred)</span></td>
    </tr>
    <tr>
        <td class="first"></td>
        <td class="second center"><small>Please use "<span style="color:#9c0000">&lt;br&gt;</span>" to make a new line</small></td>
        <td class="third"></td>
    </tr>
    <tr>
        <td class="first"><span class="right">Description: </span></td>
        <td class="second"><textarea name="desc"></textarea></td>
        <td class="third"><span class="left">(preferred)</span></td>
    </tr>
    <tr>
        <td class="first"><span class="right">Guests: </span></td>
        <td class="second"><input type="text" name="guests"></td>
        <td class="third"><span class="left">(optional)</span></td>
    </tr>
    <tr>
        <td class="first"><span class="right">Additional Tags: </span></td>
        <td class="second"><input type="text" name="tags"></td>
        <td class="third"><span class="left">(comma separated - optional)</span></td>
    </tr>
</table>
<input type="submit" name="submit" value="Upload File">
</form>

ビデオをウェブホスティングサーバーにアップロードするために使用します。PHP 配列を使用する JavaScript を使用して、スパン内のテキストを変更できるようにしたいと考えていseries_id_checkます... これは、mysql から配列を作成するために使用する PHP です (非推奨ですが、私の Web ホスティングでは PHP 5.3がインストールされており、 5.4 からのみ減価償却されます):

$sql1 = mysql_fetch_assoc(mysql_query("SELECT COUNT cnt FROM series"));
$count = $sql1['cnt'];

$gamearray = array($count - 1);
$namearray = array($count - 1);
$idarray = array($count - 1);

for ($i = 0; $i < $count; $i++)
{
    $sql2 = mysql_fetch_assoc(mysql_query("SELECT id,game,name FROM series WHERE id='{$i}'"));

    $gamearray[$i] = $sql2['game'];
    $namearray[$i] = $sql2['name'];
    $idarray[$i]   = $sql2['id'];
}

die接続しようとするとステートメントがあるので、データベースに正常に接続することはわかっています

JavaScriptは次のとおりです。

var id = "series_id";

document.getElementById("series_id").onblur = function()
{
    var value = document.getElementById(id).value;


    var gameArray = new Array(<? echo implode(',', $gamearray); ?>;
    var nameArray = new Array(<? echo implode(',', $namearray); ?>;
    var idArray = new Array(<? echo implode(',', $idarray); ?>;

    if (inArray(value,idArray)
    {
        var id = parceInt(value);
        var game = gameArray.indexOf(id);
        var name = nameArray.indexOf(id);
        var input= "You've inputted the id for the game: " + game + " for the series: " + name;

        document.getElementById("spawn_series_id_check").innerHTML = input;
    }
});

function inArray(var input, var array)
{
    var count = array.length;
    var returnVal = false;

    for (var i = 0; i < count; i++)
    {
        if (array[i] == input)
        {
            returnVal = true;
        }
    }

    return returnVal;
}

基本的に、series_id_check のテキストは変更されません。修正方法を教えていただけますか

4

2 に答える 2

0

JSON を使用してこれらのデータを処理することを検討する必要があります。

$result = mysql_query("SELECT id,game,name FROM series");
$count = count($result);

$series = array();

while ($row = mysql_fetch_assoc($result)) {
    $series[$row['id']] = array('game' => $row['game'], 'name' => $row['name']);
}

そしてあなたのJSで:

document.getElementById("series_id").onblur = function()
{
    var series = '<?php echo json_encode($series); ?>';
    var id = parseInt(this.value, 10);

    if (undefined !== series[id])
    {
        var game = series[id]['game'];
        var name = series[id]['name'];

        var message = "You've inputted the id for the game: " + game + " for the series: " + name;

        document.getElementById("spawn_series_id_check").innerHTML = message;
    }
});

私はコードをテストしていませんが、これはあなたが行くべき方法です。

于 2013-08-07T20:31:51.703 に答える
0

あなたの JavaScript 配列は不完全で、次のようになります。

var gameArray = new Array(-1;

各配列に対してこれを行うように、コードの配列構築部分を書き直してみてください。

var gameArray = new Array(<? echo implode(',', $gamearray); ?>);

JavaScript 配列と行が閉じられていることに注意してください。

追加された修正

if (inArray(value,idArray)
{

する必要があります

if (inArray(value,idArray))
{

そしてもう一つ - 変更してみてください

function inArray(var input, var array)
{

function inArray(input, array)
{

また、null のプロパティを設定できないということは、無名関数の問題を意味します。

関数の 2 行目var value = document.getElementById(id).value

セミコロンで終わる必要がありますvar value = document.getElementById(id).value;

于 2013-08-07T20:33:34.467 に答える