2015-01-16 19 views
0

У меня есть гиперссылка и изображение, я хочу добавить текст ссылки в текстовое поле при нажатии на него.Javascript Текст со ссылкой на текстовое поле

У меня есть это сейчас: но я не могу понять, как получить имя в текстовом поле.

<script language="javascript"> 
<!-- 
function insertText() 
{ 
    var url; 
    document.meldformulier.melding.value = url; 
} 
//--> 
</script> 

<a id="melding" onClick="insertText()"; href="javascript:void;">Zwaar onweer</a> 

<input id="melding" name="melding" type="text" size="35" readonly="readonly" /> 

Результат не определен. Так, например, пример. Текст ссылки - «zwaar onweer». При нажатии на гиперссылку на этот текст в текстовом поле должен появиться ТЕКСТ «zwaar onweer».

Может кто-нибудь мне помочь?

Спасибо!

ответ

1

Я почесал голову в течение нескольких минут интересно, почему простой ответ здесь не работает для меня. Оказывается, так как вы повторяли идентификаторы в своей ссылке и вводили, что это был источник моей ошибки.

Вопросы:

  1. Вы дублируется идентификаторы. Это не-нет.
  2. Ваша переменная url не имеет значения. Избавиться от этого.

Передайте ссылку на вашу ссылку на функцию, как это, используя this:

<a onClick="insertText(this)" href="javascript:void(0)">Zwaar onweer</a> 

И изменить функцию:

function insertText(txt) { 
    document.getElementById('melding').value = txt.innerHTML; 
} 

В функции, используйте текстовый аргумент ссылку на якорь, который передается, и свойство innerHTML, чтобы получить текст и поместить его во вход.

jsFiddle example

+0

Спасибо, это сработало для меня :) – user3408380

-2

Сначала необходимо сохранить значение ссылки в переменной. Кроме того, вам нужны разные идентификаторы для ваших элементов. Предположим, что ваш идентификатор гиперссылки «a», а ваш идентификатор для текстового поля - «tb». Тогда у вас будет

function insertText() 
{ 
    var url= document.getElementById("a").value; 
    var textboxValue= document.getElementById("tb"); 
    textboxValue.value= url; 
} 
1

Пожалуйста, попробуйте внести изменения в свой код.

Javascript

function insertText(obj) 
{ 
    document.getElementById('txtmelding').value = obj.innerText; 
} 

HTML код

<a id="melding" onclick="insertText(this)" href="javascript:void;">Zwaar onweer</a> 
<input id="txtmelding" name="txtmelding" type="text" size="35" readonly="readonly" /> 
0

насчет присвоение значения в поле ввода. Вы можете сопоставить идентификатор своей ссылки и взять текст с помощью jquery.

function insertText() 
{ 
var url = $('#melding').text(); 
    $('input[name="melding"]').val(url); 
} 

Должно работать, вот jfiddle

0

Во-первых, это document.getElementById, во-вторых, должно быть

нет дубликата удостоверения личности

и изменения

function insertText(txt) { 
 
    document.getElementById('melding').value = txt.innerHTML; 
 
}
<a onClick="insertText(this)" href="javascript:void(0)">Zwaar onweer</a> 
 

 
<input id="melding" name="melding" type="text" size="35" readonly="readonly" />

Смежные вопросы