设置输入字段的值?

时间:2014-08-05 19:35:46

标签: javascript html5 css3

当有人点击锚点/按钮时,我正在尝试设置文本输入字段的值。现在我有这个:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#text-add").click(function(){
    $("#domain-pick").val("test");
  });
});
</script>
</head>

<a id="text-add" href="javascript:void(0);">Click Here</a>

<input type="text" name="text-field" id="domain-pick">

我让它在Jsfiddle工作,但它不能在我的wordpress网站上工作!

1 个答案:

答案 0 :(得分:1)

请参阅此fiddle

注意:

  • 如果你是的话,你不需要在document.ready中包装该函数 标记后会出现script
  • 请避免使用内联 javascript ,例如javascript:void(0);

标记:

<a id="text-add" href="#">Click Here</a>
<input type="text" name="text-field" id="domain-pick">

JS:

$("#text-add").on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
    $("#domain-pick").val("test");
});