当前位置：首页 → 问答吧 → 关于jacascript and jquery问题

关于jacascript and jquery问题

时间：2009-05-06

来源：互联网

关于jacascript and jquery问题
我想实现表单的验证问题，用document方法和用jquery方法为什么后者做不出来呢？

<HTML>
<HEAD>

<script type="text/javascript" >
function check()
  {

  var x=document.getElementById("oh");
   if(x.selectedIndex==0)
  alert("请选择!")
  }

</script>
</HEAD>
<BODY>

<form>
  <select id="oh">
  <option selected="selected">---------</option>
  <option>pa</option>
  <option>pb</option>
  <input type="button" value="select" >
</form>
  </select>
</BODY>
</HTML>

jquery方法：

<HTML>
<HEAD>

<script type="text/javascript" >
function check()
  {

   var x=$("#oh")
   if(x.selectedIndex==0)
  alert("请选择!")
  }

</script>
</HEAD>
<BODY>

<form>
  <select id="oh">
  <option selected="selected">---------</option>
  <option>pa</option>
  <option>pb</option>
  <input type="button" value="select" >
</form>
  </select>
</BODY>
</HTML>

作者: huan1227 发布时间: 2009-05-06

请看置顶贴，新手常见问题

作者: shawphy 发布时间: 2009-05-06

var x=$("#oh")

x是jQuery对象，不是DOM对象，所以没有selectedIndex方法
最简单的方式是这样写：
var x = $("#oh")[0]; //转成DOM对象

还有，不要漏分号，特别是在jQuery函数内部。

如果非要用jQuery处理，就直接判断值
if(x.text() == '---------')

作者: keakon 发布时间: 2009-05-06

.js文件没加上去!

作者: lzadai 发布时间: 2009-05-15

关于jacascript and jquery问题

热门阅读

热门下载