Javascript 获取下拉列表的值实例
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 用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> </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 |
为索引值 |
