Как я могу заменить все поле ввода его значением в JavaScript или jQuery? - PullRequest
0 голосов
/ 20 ноября 2018

Скажем, у меня есть поле ввода html.

  <input type='text' class='txtData' />

В методе documentready я устанавливаю значение этого поля ввода.

  $(".txtData").val(2);

Теперь я преобразовываю это поле ввода html в строкукак показано ниже.

  var sText = "<input type='text' class='txtData' />";

Теперь я хочу заменить этот sText на $ (. txtData) .val ().

Как я могу решить эту проблему?Я много гуглю, но не нахожу никакого решения

Я нахожу ниже решение, которое заменяет весь sText на "".

  sText.replace(/<input[^>]*>|<\/input>/gi, "");

Но как я могу заменить его значением выбранного поля ввода?

Заранее спасибо.

1 Ответ

0 голосов
/ 20 ноября 2018

Вы можете проанализировать string до html, используя JQuery.parseHTML, а затем использовать переменную для обновления значения.

пример:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
         var sText = "<input type='text' value='21' class='txtData' />";
         var html = $.parseHTML(sText);
          //alert('before update '+$(html).val())
          console.log('before update '+$(html).val());
         $(html).val(19);
          //alert('after update '+$(html).val())
           console.log('after update '+$(html).val());

    });
});
</script>

</head>
<body>

<button>UPDATE TEST</button>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...