передача значения SRC в текстовое поле <INPUT>
Привет всем. Jquery начал изучать только вот вот ... однако не думал что он понадобится мне вот так скоро...
у меня задача такова: Есть поле <input> Есть Определенный набор картинок <img> Мне надо сделать так чтобы при клике на одну из картинок параметр src тега img передавался в <input> я этот вопрос решил следующим образом: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("img#linkImg").click(function() { var link = $(this).attr("src"); $("input#hehe").val(link); }); }); </script> <body> <input id="hehe" type="text" /> <img id="linkImg" src="briefcase.png" /> <img id="linkImg" src="safety.png" /> </body> Это работает, но у меня встал вопрос о том как пользователь будет понимать о том что он выбрал картинку которая ему понравилась...и тут я в ступоре.... надо сделать так чтобы при клике на картинку jquery присваивал тегу img параметр class="какойнибудь" в котором будет прописываться например border шириной 3 px красного цвета...причем если пользователь предпочитает выбрать другую картинку то на предидущей(на которой он кликнул до этого) клас пропадал а на ту на которую он кликнул класс появлялся. вот как так сделать?! Понимаю что там как то надо перебирать все элементы. Но как связать все, я не могу понять. |
$(document).ready(function() {
$("img#linkImg").click(function() {
*!*$('img#linkImg').removeClass('selected');*/!*
*!* $(this).addClass('selected');*/!*
var link = $(this).attr("src");
$("input#hehe").val(link);
});
});
Только нельзя давать одинаковые ID разным элементам. Используйте классы. |
WALIK, Спасибо друг .... помог ... такое простое действие....а я что-то не сообразил даже)))
|
| Часовой пояс GMT +3, время: 11:04. |