TEL:400-8793-956
当前位置:程序、服务器

jQuery .val-无法检索值

提问者: 近期获赞: 浏览人数: 发布时间:2021-04-14 09:06:48

 问:无法执行此操作-查看app.js并预览。该应用程序的目的是显示用户在输入字段中键入的内容,并在H1标签中对其进行预览。几乎所有代码都在那里,只缺少一件事。从输入中检索值。我忘记了怎么做。你能帮我完成吗?谢谢!

 
 js / app.js
//选择博客文章标题的输入。
var  $ titleInput  =  $ (“ #title” ); 
//选择预览h1标签var $ previewTitle = $ (“ #titlePreview” ); //每秒更新一次预览var PreviewTimer = setInterval (updatePreview ,1000 ); function updatePreview (){ //获取用户的输入var titleValue ; //将用户输入设置为预览标题。$ (“ #titlePreview” )。值
 
  ($ titleInput ); 
$ previewTitle 。文字(titleValue ); }  
 
 index.html
<!DOCTYPE html> 
< html > 
< head > 
< link rel = “样式表” type = “ text / css” href = “ theme.css” > </ head > <正文> < div id = “ form” > <标签for = “ title” >博客文章标题</ label > <输入id = “ title”名称= “title“值= ”“     
 
         占位符= “在此处输入您的博客标题” > 
</ div > < div id = “ preview” > < h1 id = “ titlePreview” > </ h1 > </ div > < script src = “ //code.jquery.com /jquery-1.11.0.min.js“ type = ” text / javascript“ charset = ” utf-8“ > </脚本> <脚本src = ” js / app.js“type = “ text / javascript”字符集  
 
     = “ utf-8” > </脚本> 
</ body > 
</ html >
 theme.css
  #形式 {
宽度:45 %; 浮动:左; } #预览{宽度:45 %; 浮动:对; }标签{宽度:20 %; 显示:inline-block ; }输入{宽度:70 %; }     
 
 
答:解决挑战的方法是
 
function updatePreview(){  
   //获取用户的输入
  var titleValue = $ titleInput.val();
  //将用户输入设置为预览标题。 
  $ previewTitle.text(titleValue);
}
上一篇: 请帮助我插入这些图像
下一篇: 无需引导即可进行设计的网格/表系统