Как изменить значение метки после нажатия на HREF с JavaScript?

Question

Как изменить значение метки после нажатия на HREF с JavaScript?

0

у меня есть:

                    <tr>
                        <td align="left">Phonenr:</td>
                        <td align="left"><b>
                            <label style="color: #662819;" id="phone">911</label>
                        </b></td>
                        <td><a href="#">Change phone</a></td>
                    </tr>

как я могу отредактировать phonenumber после нажатия на ссылку href= "#" и сменить (в каком формате?) на текстовое поле/поле?

r.r 20 сен. 2013, в 23:36

Источник

Теги:

javascript

jquery

label

edit

textfield

2 ответа

0

Пытаться:

$('tr a').click(function() {
    var label = $(this).parent().prev().find('label');
    label.replaceWith('<input type="text" value="211"/>');
    return false;
});

если более одного tr имеет тег, тогда вы должны поместить id на a или на tr.

jcubic 20 сен. 2013, в 19:29

0

но я хочу свободно редактировать текст ... не просто 211 ... все !! СМОТРЕТЬ ОБНОВЛЕННЫЙ ВОПРОС!
r.r 20 сен. 2013, в 20:51
0

Если вы хотите переключиться обратно на метку, то вы должны оставить исходную метку в переменной и, возможно, использовать отсоединение и добавление ввода.
jcubic 20 сен. 2013, в 20:54

Ещё вопросы

но я хочу свободно редактировать текст ... не просто 211 ... все !! СМОТРЕТЬ ОБНОВЛЕННЫЙ ВОПРОС!
Если вы хотите переключиться обратно на метку, то вы должны оставить исходную метку в переменной и, возможно, использовать отсоединение и добавление ввода.

mplungjan · Accepted Answer · 2013-09-20T19-53-00.000Z

На основе изменения метки в текстовое поле нажмите на ссылку гиперссылки

Live Demo

$(function() {
  $('a.edit').on("click",function(e) {
    e.preventDefault();
    var dad = $(this).parent().parent();
    var lbl = dad.find('label'); 
    lbl.hide();
    dad.find('input[type="text"]').val(lbl.text()).show().focus();
  });

  $('input[type=text]').focusout(function() {
      var dad = $(this).parent();
      $(this).hide();
      dad.find('label').text(this.value).show();
  });
});

очень чистое и приятное решение !!! Спасибо!!