百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> Javascript 获取下拉列表的值实例
分享文章到:

Javascript 获取下拉列表的值实例

发布时间:01/15 来源: 浏览: 关键词:
用js获取下拉列表值核心语句是:document.getElementById(id).options[Objsel.selectedIndex].value;就可以了,但是用jquery就更简单了

js 获取下拉列表的值

 代码如下


<fieldset>
<label>类型</label>
<select name=”pid” id=’pid’>
<option value=”0″>请选择</option>
<option value=”1″>PHP学习网</option>
<option value=”2″>PHP学习网</option>
</select>
</fieldset>
<fieldset>
<label>PHP学习网</label>
<select name=”sfk” id=’sfk’>
<option value=”0″>请选择</option>
<option value=”0.3″>30%</option>
<option value=”0.4″>40%</option>
<option value=”0.5″>50%</option>
<option value=”0.6″>60%</option>
</select>
</fieldset>
<fieldset>
<label>PHP学习网http://www.111cn.net</label>
<select name=”yfk” id=’yfk’>
<option value=”0″>请选择</option>
<option value=”1″>1年</option>
<option value=”2″>2年</option>
<option value=”3″>3年</option>
<option value=”5″>5年</option>
</select>
</fieldset>
<fieldset>
<label>&nbsp;</label>
<input type=”button” onClick=”sikp(‘pid’,'sfk’,'yfk’)” />
</fieldset>
</div>

<script type=”text/javascript”>
function sikp(p,s,y)
{
var pid = getselval(p);
var sfk = getselval(s);
var yfk = getselval(y);
window.open(“http://www.111cn.net”+pid+sfk+yfk); //链接跳到不同的地方就把那个值加上
}

//获取下拉框的值
function getselval(id)
{
var Objsel = document.getElementById(id)
var selval = Objsel.options[Objsel.selectedIndex].value;
return selval;
}
</script>


jquery获取Select :
 
获取select 选中的 text :

 代码如下
$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

 代码如下
$("#ddlRegType ").val();

获取select选中的索引:

 代码如下
$("#ddlRegType ").get(0).selectedIndex;

设置select:
设置select 选中的索引:

 代码如下
$("#ddlRegType ").get(0).selectedIndex=index;//index

为索引值

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有3人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板