Question

我正在制作一个多步问卷。我有3个问题（3个div），DOM看起来像这样（伪代码）。我的问题是

1.如何在q3中读取类型为url（type =＆＃39; url＆＃39;）的字段中的值？

2.什么只读取非空文本/ textarea / url字段？意思是我只想在用户输入内容时读取文本字段。

我正在考虑一种愚蠢的方式来阅读每个字段，无论它是否为空。然后我有isset / empty php命令来查看这是否为空，如果是，那么我将不会取值。但有没有更好的方法来实现这一目标？

 <div id=q1>
   <input type='text' id='q1text'>
   <input type='button'>   // this btn will hide q1 and show q2.
 </div>

 <div id=q2 style="display:none">
   <input type='textarea' id='q2textarea'>
   <input type='button'>  // this btn will hide q2 and show q3
 </div> 

 <div id=q3 style="display:none">
   <input type='url' id='q3url'>    // this btn will submit the form data.
   <input type='submit'>
 </div>

Answer 1

1.如何在q3中读取类型为url（type =＆＃39; url＆＃39;）的字段中的值？

它有id属性。您可以使用id选择器和.val（）

$('#q3url').val();

2.什么只读取非空文本/ textarea / url字段？含义我只想在用户输入内容时读取文本字段。

您可以使用过滤功能过滤掉其中没有值的元素：

var allnonemptyurls = $('input[type="url"]').filter(function () {
  return !!this.value;
})

jQuery读取非空和可见文本字段

1 个答案: