第一种方法就是自己写个方法获取所有的标签元素,在根据属性name的值去筛选
第二种方法就是documentquerySelectorAll()方法
例如你要查询所有name="ok"的标签
documentquerySelectorAll('[name="ok"]')
这样就可以了
望采纳
demo:
<select name="cityCode" id="cityCode" class="span2">
<option value="beijing">北京</option>
<option value="sanya" selected="selected">三亚</option>
<option value="shanghai">上海</option>
</select>
jquery获取方法选中的城市三亚:
$('#cityCode')find("option:selected")val()
首先$('#cityCode')根据id找到对应的select元素,然后通过jquery的find方法找到被选中的option元素,然后val()直接获取option的value。
或者
$("#cityCode option:selected")val();
下面的写法更简洁、条件拼接,实际与上面的是一致。
获取到option的值想实现的效果比如选择的是值一这个option提交后要得到"3"和"值一"这两个数据
[php] view plain copy
[html] view plain copy
<select name="select">
<option value="1">select下拉列表框的值</option>
<option value="2">sdfsd</option>
<option value="3">值一</option>
</select>
echo $_POST['select'];
可以在form中添加一个隐藏域<input type="hidden" id="select_content" name="select_content" />然后在提交的时候,先将所选择的值赋值给隐藏域,然后再将form提交。这里说的赋值是用js *** 作的,当<select name="select" onchange="fuzhi(thisoptions[thisselectedIndex]text)"> function fuzhi(a){documentgetElementById("select_content")value=a;//赋值,咚咚}
jQuery获取Select元素,并设置的 Text和Value:
$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ")val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项:
$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option
三级分类 <select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选择三级分类
</option>
</select>
</div>
四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选择四级分类
</option>
</select>
</div>
if($("#thirdLevel")val()!=0){
$("#thirdLevel option[value!=0]")remove();
}
if($("#fourthLevelId")val()!=0){
$("#fourthLevelId option[value!=0]")remove();
}//这个表示:假如希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。
获取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为索引值
在servlet中
String select=requestgetParameter("selectName");得到的是选中的option的value值,那么如果我们把value值等于它的选择项的值得话就可以了比如
<select name="selectName">
<option value="羽毛球">羽毛球</option >
<option value="篮球">羽毛球</option >
<option value="足球">羽毛球</option >
</select>
以上就是关于在js中怎样获取含有相同name属性的标签里的内容全部的内容,包括:在js中怎样获取含有相同name属性的标签里的内容、jquery怎样获取select控件选中的option中value值,不是text、php如何同时获取select值和option值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)