马克只有一张图片

-1

<img src="inventory_images/pic1.jpg" onclick="changeColor(this);" /> 
<img src="inventory_images/pic2.jpg" onclick="changeColor(this);" /> 
<img src="inventory_images/pic3.jpg" onclick="changeColor(this);" />

这里是JS代码我使用：

<script> 
function changeColor(obj) { 
obj.style.borderColor ="#00FF00"; 
} 
</script>

现在我有possibilty让每一个标记的图片。但我只想要标记一张图片，我如何在我的js代码中添加此图片？以后用户点击“提交”后，如何获得标记图片的值？问候！

来源

2013-05-20 user2390560

您是否尝试过自己，你有一个问题，落实什么与，还是你只是在寻找这里的人告诉你如何做到这一点？ –

我厌倦了一些事情，但我在JavaScript中很新，所以它没有工作。任何帮助？ – user2390560

你应该展示你的尝试。 –

如果你是新来的Javascript，我会建议学习jQuery。

看看这里，以了解如何nth孩子工作，然后使用jQuery来选择你想要的任何元素。你的jQuery看起来像这样：

$（'＃foo img：nth-child（1）'）。css（'border-color'，'1px solid＃00ff00'）;

来源

2013-05-20 16:51:14 mchandleraz

也许你可以给每个图像的ID（并通过对应changeColor功能的数量分配给，我们将使用提交表单变量）：

<img id="img1" src="inventory_images/pic1.jpg" onclick="changeColor(this, 1);" /> 
<img id="img2" src="inventory_images/pic2.jpg" onclick="changeColor(this, 2);" /> 
<img id="img3" src="inventory_images/pic3.jpg" onclick="changeColor(this, 3);" />

然后有它所以每时间您标记的图像，你这样做之前，取消标记所有图片：

<script> 
markedImage = 0; // This variable used for the submit; 

function unmarkAll() { 
    document.getElementById("img1").style.borderColor = "#000000"; // Assuming black is the default border color, you might want to change it. 
    document.getElementById("img2").style.borderColor = "#000000"; 
    document.getElementById("img3").style.borderColor = "#000000"; 
} 

function changeColor(obj, markedId) { 
unmarkAll(); 
obj.style.borderColor ="#00FF00"; 
markedImage = markedId; 
} 
</script>

至于提交表单，我会用一个隐藏的表单字段，并将其值设置为标记的图像中的数onsubmit事件。首先创建HTML表单提交：

<form action="submitPage.html" onsubmit="submit();"> 
<input type="hidden" id="markedImage" name="markedImage"></input> 
<input type="submit" value="Submit"></input> 
</form>

而对于提交（）函数的JavaScript将是这样的：

<script> 
function submit() 
{ 
    document.getElementById("markedImage").value = markedImage; 
} 
</script>

来源

2013-05-20 16:51:53 Madeline

好吧，如果我想要显示在“submitPage.html”$ picture = $ _POST ['markedImage']前端选定的图像; echo $ picture;这个可以吗？ – user2390560

马克只有一张图片

回答

相关问题