0

私のタイトルは少しわかりにくいかもしれないので、詳しく説明してみましょう。ユーザーがドロップダウン ボックスからチームを選択する必要があるユース フットボール リーグのフォームがあります。チームを選択すると、ロゴが変更されます。フォームをチームのロゴに。私がする必要があるのは、mysql のロゴへのパスを投稿し、結果ページにロゴを表示することです。私の問題は、mysql に投稿するロゴ パスを取得する方法がわからないことです。これは、ロゴを変更するための私のフォームのjsfiddleです。

ここにhtmlがあります：

<body style="height: 449px; width: 933px;">
<form method="post" action="process_rentals.php" enctype="multipart/form-data">
<div id="container" class="auto-style5" style="height: 234px">
<br>
<div class="auto-style1" style="height: 168px">

<img name="logo_image" id="logoimage"  style="float: left" width="175" height="175"/>

<br/><br/>

<br><br><br><br><br>

<select name="team_name" id="dd" onChange="swapImage()" style="width: 150px">
<option value=""></option>
<option value="FALCONS" title="decals/falcons2013.jpg" >Falcons</option>
<option value="GREEN VALLEY KNIGHTS" title="decals/gvklogo2013.png">Green Valley Knights</option>
<option value="LONGHORNS" title="decals/longhorns2013.jpg">Longhorns</option>
<option value="MUSTANGS" title="decals/mustangs2013.jpg">Mustangs</option>
<option value="NW NINERS" title="decals/nwniners2013.jpg">NW Niners</option>
<option value="REBELS" title="decals/rebels2013.jpg">Rebels</option>
<option value="WILDCATS" title="decals/wildcats2013.jpg">Wildcats</option>

</select>

</div>

そしてJavaScript：

function swapImage(){
var image = document.getElementById("logoimage");
var dropd = document.getElementById("dd");
image.src = dropd.options[dropd.selectedIndex].title;   
};

タイトルの値が MUSTANGS の場合、このパスに画像を表示する方法はありますか? タイトルがムスタングの場合、decals/images/mustangs2013.jpg に画像を表示するか、mysql で画像パスを取得する簡単な方法はありますか? 私のフォームは機能し、すべてのデータが mysql に投稿されますが、ロゴがどこにあるかを伝える方法がわからないため、ロゴを表示できません。

    <?php
//----------PATH OF UPLOADED IMAGE----------//
$target = "uploads/images/logos/";
$target = $target . basename($_FILES['logo_image']['name']);

//----------FORM INFO----------//
$team_name=$_POST['team_name'];
$player_name=$_POST['player_name'];
$chinstrap_number=$_POST['chinstrap_number'];
$shoulderpad_number=$_POST['shoulderpad_number'];
$parent_signature=$_POST['parent_signature'];
$print_name=$_POST['print_name'];
$date=$_POST['date'];
$pic=($_FILES['logo_image']['name']);

//----------CONNECT TO DATABASE----------//
include 'elite_connect.php';

//----------WRITES TO DATABASE----------//
mysql_query("INSERT INTO rentals (date, team_name, player_name, chinstrap_number, shoulderpad_number, parent_signature, print_name, logo_image)
VALUES ('$date','$team_name','$player_name','$chinstrap_number','$shoulderpad_number','$parent_signature','$print_name','$target')");
echo mysql_error();

//----------WRITES LOGO TO SERVER----------//
//if(move_uploaded_file($_FILES['logo_image']['tmp_name'], $target))
//{//----------TELLS IF ALL IS OK----------//
//echo "The file ". basename($_FILES['logo_image']['name']). " has been uploaded!";
//}
//else{
//----------GIVES AN ERROR IF IT'S NOT----------//
//echo "Sorry, there was a problem uploading your file.";
//}
?>
<html>
<body>
<center>
<form name="rental_results" method="post" action="rental_results.php" enctype="multipart/form-data" id="rentalresults">
<input type="submit" name="submit" id="submit" value="Display Form"/>
<input type="submit" name="newform" id="newform" value="New Rental"/>
</form>
</center></body></html>

画像をフォルダーにアップロードし、ファイルへのパスをデータベースに挿入するためにファイルを選択する必要があるため、私が使用していないコードのグレー表示されたセクションは、コードがこれで画像がどのように使用されているかでは機能しません形。

4

1 に答える 1

0

よし、私たちは今どこかに着いています。したがって、</select>HTML のステートメントの後に、次を追加します。

<input type="hidden" id="logo_src" name="logo_src" value="" />

次に、次の変更を行います。

function swapImage(){
  var image = document.getElementById("logoimage");
  var dropd = document.getElementById("dd");
  var imgSrc = document.getElementById("logo_src");
  image.src = dropd.options[dropd.selectedIndex].title;
  imgSrc.value = image.src;   
};

process_rentals.phpスクリプトで、次を追加します。

$date=$_POST['date'];
$pic=($_FILES['logo_image']['name']);
$logo_source = $_POST['logo_src'];

その後、処理スクリプトで必要なデータを mySQL データベースに追加します。

于 2013-07-06T03:11:04.083 に答える