Question

我无法正确理解Javascript语言，我正在尝试在占位符内写，但它不起作用，这是我的代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>val demo</title>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

  <script type="text/javascript">
        $(document).ready(function() {
            $('#myInputText').keyup(function() {
             $('#myOutputText2').val('placeholder="' + $(this).val() + '"');
             $('#myDIVTag').html('<b>' + $(this).val() + '</b>');
            });
        });     
    </script>

</head>
<body>

<input id="myInputText" type="text" name="post_title" size="79" placeholder="Enter title here" />
<p>Snippet Preview: <a href="#" id="myDIVTag"></a></p>
<input name="textfield2" type="text" id="myOutputText2" size="79" />


</body>
</html>

这是完美的工作，但我希望这是占位符模式。请帮帮我。

Answer 1

要更改属性，请使用attr()之类的

$('#myOutputText2').attr('placeholder',$(this).val());

<强>更新

由于placeholder是输入元素的原生 HTML DOM属性，因此最好使用prop()

$('#myOutputText2').prop('placeholder',$(this).val());

如需进一步阅读，请参阅.prop() vs .attr()

带有val（）的javascript中的占位符

1 个答案: