<select id="cs" name="">
<option value="1">北京</option>
<option value="2">上海</option>
</select>
<script>
var options=$("#cs option:selected"); //获取id为"cs"的选中的项
optionsval(); //得到当前下拉框选中的值
</script>
要获得 下拉框的值 ,使用 js吧
var AdultObj = documentgetElementById("AdultNum");
Adult_Value = AdultObjoptions[AdultObjselectedIndex]value;
var ChildObj = documentgetElementById("ChildNum");
Child_Value = ChildObjoptions[ChildObjselectedIndex]value
var BabyObj = documentgetElementById("BabyNum");
Baby_Value = BabyObjoptions[BabyObjselectedIndex]value
答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本
要么你把值和文本都写在value属性中,一起提交后再拆分
要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系
参考如下代码
$("select")val(); // 选中项目的value值
$("select option:checked")text(); // 选中项目的显示值
示例如下:
创建Html元素
请选择:
<select id="sel">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
<input type="button" value="被选项目">
编写jquery代码
$(function(){
$("input")click(function() {
a = $("#sel")val();
b = $("#sel option:checked")text();
alert("被选项目的值:"+a+",被选项目的显示值:"+b+"。");
});
})
显示效果
下拉列表代码如下:
<span style="font-size:12px;"><td class='tdLeftHead'>税率</td>
<td>
<select id='tax1' onchange='taxChange(thisvalue,1,"thirdparty_profit")' name='thirdparty_taxid'>
<s:if test="profitList[0]get('THIRDPARTY_TAXID') == -1" >
<option selected="selected" value=-1>N/A</option>
</s:if>
<s:else>
<option value=-1>N/A</option>
</s:else>
<s:iterator value="taxTypeList" status="tar_1" >
<s:set name="index" value="#tar_1getIndex()"/>
<s:set name="id" value="taxTypeList[#index]getId()"/>
<s:set name="taxid" value="profitList[0]get('THIRDPARTY_TAXID')"/>
<s:if test="#taxid != #id " >
<option value='<s:property value="taxTypeList[#index]getId()" />' >
<s:property value="taxTypeName" />
</option>
</s:if>
<s:else>
<option selected="selected" value='<s:property value="taxTypeList[#index]getId()" />'> <s:property value="taxTypeName" /></option>
</s:else>
</s:iterator>
</select>
</td></span>
常用取值方法:
var myselect=documentgetElementById("tax"+i); // 获取下拉列表对象
var myIndex=myselectselectedIndex ; // 获取下拉列表当前索引
var taxId = myselectoptions[myIndex]value; // 获取当前索引对应的option选项value值
var taxText = myselectoptions[myIndex]text; // 获取当前索引对应的option选项文本框内容值
在JS中更改展示option选项方法:传入你想展示的选项对应的value值即可。
$("#tax1")val(value); // 选中下拉列表,给其传option选项value值,就会展示该value值对应索引的内容值。
增加一个选项的方法:
<span style="font-size:14px;"> var option=documentcreateElement("option");
optiontext="nami";
optionvalue="nami1";
var x=documentgetElementById("mySelect");
try
{
xadd(option,null); // 标准实现
}
catch(ex)
{
xadd(option); // 仅在IE中实现
}</span>
jquery禁用select和取消禁用:
$("#channelplatform")removeAttr("disabled");
$("#channelplatform")attr("disabled","disabled");
添加就是attr
取消则是reomveAttr(注意A大写)
将引入功能(将一张接口表中数据,引入到税率表中)相关JSP代码贴出来,以后可以翻看怎么在JS中取出下拉列表的对象及其属性值。
<span style="font-size:14px;"> function doInto(){
var TP_TAX_RATE = $("#taxAisas1")val();
var OP_TAX_RATE = $("#taxAisas2")val();
var OS_TAX_RATE = $("#taxAisas3")val();
var TR_TAX_RATE = $("#taxAisas4")val();
var TP_AMOUNT = $("#dealAisasPrice1")val();
var OP_AMOUNT = $("#dealAisasPrice2")val();
var OS_AMOUNT = $("#dealAisasPrice3")val();
var TR_AMOUNT = $("#dealAisasPrice4")val();
$('#dealPrice1')val(TP_AMOUNT);
$('#dealPrice2')val(OP_AMOUNT);
$('#dealPrice3')val(OS_AMOUNT);
$('#dealPrice4')val(TR_AMOUNT);
var flag_TP = false;
var flag_OP = false;
var flag_OS = false;
var flag_TR = false;
var id1,id2,id3,id4;
<s:iterator value="taxTypeList" >
<s:set name="index" value="#tar_1getIndex()"/>
<s:set name="id" value="taxTypeList[#index]getId()"/>
<s:set name="taxTypeName" value="taxTypeList[#index]getTaxTypeName()"/>
——这里的id1即为option选项对应的value值
if(TP_TAX_RATE=='<s:property value="taxTypeName" />'){
id1= '<s:property value="id" />'
flag_TP = true;
}
if(OP_TAX_RATE=='<s:property value="taxTypeName" />'){
id2= '<s:property value="id" />'
flag_OP = true;
}
if(OS_TAX_RATE=='<s:property value="taxTypeName" />'){
id3= '<s:property value="id" />'
flag_OS = true;
}
if(TR_TAX_RATE=='<s:property value="taxTypeName" />'){
id4= '<s:property value="id" />'
flag_TR = true;
}
</s:iterator>
——给selected下拉框设置value值,即可切换为我们希望展示的文本框内容
$("#tax1")val(id1);
$("#tax2")val(id2);
$("#tax3")val(id3);
$("#tax4")val(id4);
taxChange(id1,1,"thirdparty_profit");
taxChange(id2,2,"selfserv_profit");
taxChange(id3,3,"softwareserv_profit");
taxChange(id4,4,"train_serv_profit");
if(!flag_TP){
alert(TP_TAX_RATE + '税率不存在。');
return false;
}
if(!flag_OP){
alert(OP_TAX_RATE + '税率不存在。');
return false;
}
if(!flag_OS){
alert(OS_TAX_RATE + '税率不存在。');
return false;
}
if(!flag_TR){
alert(TR_TAX_RATE + '税率不存在。');
return false;
}
} </span>
用class对多个下拉列表的值进行重复校验:
$('company')each(function(){
var bu = $(this)parent()parent()find('bu');
if($(this)val()!=''&&buval()!=''){
var company = $(this)val();
var bu = buval();
var bcStr = company + bu;
if(bcArraylength > 0)
{
for(var i=0;i<bcArraylength;i++)
{
if(bcArray[i] == bcStr)
{
var companySelect=$(this);
var companyIndex=companySelect[0]selectedIndex ;
var companyText = companySelect[0]options[companyIndex]text;
var buSelect = $(this)parent()parent()find('bu')
var buIndex=buSelect[0]selectedIndex ;
var buText = buSelect[0]options[buIndex]text;
alert("签约方:"+companyText+"和BU:"+buText+"已经存在,请检查数据。");
flag=false;
break;
}
}
if(flag)
{
bcArraypush(bcStr);
}
else
{
return false;
}
}
else
{
bcArray[0] = bcStr;
}
}
})
以上就是关于swing里面文本框和密码框怎么获取值,还有下拉框怎么获取选择的值全部的内容,包括:swing里面文本框和密码框怎么获取值,还有下拉框怎么获取选择的值、js 获取下拉框的值、form提交后,action中怎么获取select下拉框的选中值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)