<button> Submit </button> Цяпер, калі карыстальнік ўводзіць некаторыя ўваходныя і націскае на кнопцы адпраўкі, я хачу ўвод тэкст, каб стаць нередактируемым,"> <button> Submit </button> Цяпер, калі карыстальнік ўводзіць некаторыя ўваходныя і націскае на кнопцы адпраўкі, я хачу ўвод тэкст, каб стаць нередактируемым,"> <button> Submit </button> Цяпер, калі карыстальнік ўводзіць некаторыя ўваходныя і націскае на кнопцы адпраўкі, я хачу ўвод тэкст, каб стаць нередактируемым," />

Выкарыстанне JavaScript для змены HTML элемента і стварыць новы элемент

У мяне ёсць ніжэй фрагмент кода

<input type="text" />
<button> Submit </button>

Цяпер, калі карыстальнік ўводзіць некаторыя ўваходныя і націскае на кнопцы адпраўкі, я хачу ўвод тэкст, каб стаць нередактируемым, але тэкст павінен яшчэ быць there.Also, кнопка павінна прадставіць верб. Акрамя таго, ніжэй ўваходныя тэкставае поля, я хачу, каб іншы ўваходных які стварае тэкст падобных зыходнаму з кнопкай адпраўкі. Такім чынам, гэта нешта накшталт ў сістэме каментароў. Любая ідэя аб тым, як гэта зрабіць з дапамогай JavaScript.

2

3 адказы

Try this solution at jsFiddle

Калі вы будзеце дубляваць змест не забудзьцеся выдаліць ідэнтыфікатары. Яны павінны быць унікальнымі на кожнай старонцы. Вось HTML:

<input type="text" value="Initial Text" /> <button>Submit</button>

З дапамогай jQuery мы звязваем для ўсіх будучых кнопак, выкарыстоўваючы жыць . Калі кнопка націснутая, кланаваць радок, адключыць поле, і выдаліць кнопку. Нарэшце паўторна ўставіць кланаваны абзац пасля гэтага:

// Execute when document is ready
$(function() {
 //Bind click handler to all current and future button elements
  $('.comment button').live('click', function() {
   //Find the paragraph this button is in and clone it
    var p = $(this).closest('p'), 
        row = p.clone();

   //Disable text field
    $(this).prev().attr('disabled',true);

   //Hide submit button for this row
    $(this).hide();

   //Insert a new field/button pair below this one
    p.after(row);
  }); 
});
0
дададзена
<input type="text" />
<button> Submit </button>


$('button').click(function() {
    $(this).hide();
    $('input').prop('disabled', true);
})

Прыклад

0
дададзена
Я хачу, каб тэкставае поле, а не отд. Па-другое, пасля націску прадставіць іншы падобны прадмет павінен з'явіцца пасля яго
дададзена аўтар Programmer, крыніца
Я абнавіў свой адказ, дайце мне ведаць, што вы думаеце
дададзена аўтар Joe, крыніца

Самы просты спосаб зрабіць гэта ніжэй. Для ненадакучлівага Javascript, аднак, вы павінны звязаць OnClick падзея для кнопкі праграмна. Ці яшчэ лепш, выкарыстоўваць JQuery, які заўсёды абстрагуюцца падзеі, таму мы любім гэта так.

 <script>
 function disableInput() {
  document.getElementById("foo").disabled = true;
  document.getElementById("bar").style.display = "none";
 }
 </script>

<input id="foo" type="text" value="Some Text" />
<button id="bar" onclick="disableInput();"> Submit </button>
0
дададзена
Ці можаце вы даць код jQuery таксама :)
дададзена аўтар Programmer, крыніца