2015-06-22 50 views
0

我不能正确理解JavaScript语言,我想写内占位,但它不能正常工作,这里是我的代码占位符与VAL()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> 

这是工作完美,但我想这进入占位符模式。 请帮帮我。

+6

Java与JavaScript不同。 – kosa

+0

http://stackoverflow.com/q/245062/1393766 - > http://stackoverflow.com/a/245069/1393766 – Pshemo

回答

2

要更改属性,使用​​像

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

更新

由于placeholder输入元素的本地 HTML DOM属性,它是更好地使用prop()

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

Fo r进一步阅读,请参阅.prop() vs .attr()

+0

好吧,先生,请等待我试试 –

+0

这是不正确的 - 自很久以前, '.prop()'方法应该用于设置DOM元素属性,而不是'.attr()'。 – Pointy

+0

@Pointy,你的意思是'prop'应该用于所有属性吗?我认为这只是“检查”,“禁用”等... – AmmarCSE