通用基于Jquery实现的selecte标签的默认选项实现方法
在WEB开发中,最基础的也是用的最多的就是数据库的增删改查,修改往往只有的小部分的改动,所以我们往往是在表单中填充以前的内容然后显示给用户进行修改操作。
在填充默认内容的时候对于input标签我们往往使用value=""的方法,例如:<input>' />
但是对于select标签来说则没有这么简单了,因为他没有value属性。我们通常使用类似下面的代码来实现:<select><br>
<?php foreach($catelogList as $k=>$v){?><br>
<option>" <?php if($_GET['id']==$v['id'])echo "selected";?>><?php echo $v['catelogName']?>
</option>
<br>
<?php }?><br>
</select>
这样只要我们对每个select标签都做类似的输出和判断就可以达到我们的要求了,但是略显繁杂且不便于维护。下面我提供一种用Jquery实现的方法:
首先我们在输出select标签的时候将其默认值保存到自定义的default(其他的也可以)属性中:<select>"><br>
<?php foreach($catelogList as $k=>$v){?><br>
<option>"><?php echo $v['catelogName']?>
</option>
<br>
<?php }?><br>
</select>
然后我们在文档得head中或者