0

私のhtml：

<form action="submitPage.php" method="post" onsubmit="savePathInVar();"> 
  <table>
  <tr>
    <td><img src="<?php echo $path; ?>" onclick="changecolor(this);" /></td>
    <td><img src="<?php echo $path; ?>" onclick="changecolor(this);" /></td>
  </tr>
    <input type="hidden" value="ClickedImaged" />
    <input type="submit" value="Submit" />          
  </table>
</form>

ps:$path = "inventory_images/$id.jpg"; 私の関数 changecolor():

function changecolor(img)
{
var images = document.getElementsByTagName("img");
for(var i=0,j=images.length; i<j; i++)
{
    images[i].style.borderColor="#000";
}
img.style.borderColor="#F00";
//Operate on img location as before
savePathInVar(img.src);
}

私の関数 savePathInVar():

function savePathInVar(ImgLocation)
{
//How do i save the path of the clicked image in a variable now?
}

クリックした画像のパスを変数に保存するにはどうすればよいですか? そして、この変数をテーブルの下の入力非表示フィールドに取得するにはどうすればよいですか? 誰でも私を助けることができますか？
誰かが私を助けることができれば本当にいいだろう..私はjavascriptにかなり慣れていない:)挨拶！

4

2 に答える 2

0

私が間違っている場合は修正してください。ただし、クリックされた画像のパスを文字列に保存し、この文字列を入力の値に保存しますか? この場合、それは非常に簡単です。フォームと入力の追加された名前に注意してください。

<form name="form_name" action="submitPage.php" method="post" onsubmit="savePathInVar();"> 
  <table>
  <tr>
    <td><img src="<?php echo $path; ?>" onclick="changecolor(this);" /></td>
    <td><img src="<?php echo $path; ?>" onclick="changecolor(this);" /></td>
  </tr>
    <input name="input_name" type="hidden" value="ClickedImaged" />
    <input type="submit" value="Submit" />          
  </table>
</form>

function savePathInVar(ImgLocation)
{
    //if you want it to be a local variable
    var str = ImgLocation;
    //if you want it to be a global variable - to be handled with care*
    str = ImgLocation;
    document.form_name.input_name.value = str; 

}

※グローバル変数を使用する場合は注意してください。ここでもう少し詳細を見つけることができます: Javascript (グローバル変数を含む) の変数宣言構文の違い?

于 2013-05-23T09:01:35.300 に答える