星空网 > 软件开发 > Java

javascript jquery對form元素的常見操作

1.下拉框 select :

移除option

$("#ID option").each(function(){   if($(this).val() == 111){   $(this).remove(); }});

添加option

$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));

取得下拉选单的选取值

javascript jquery對form元素的常見操作
//取下拉選中的文本
$('#testSelect option:selected').text();$("#testSelect").find('option:selected').text();
document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //js操作 objSelect為select的name
//取得下拉選中值$("#testSelect").val();
//js操作
document.getElementById('objSelect').value=2;
document.all.objSelect.value;
 
javascript jquery對form元素的常見操作

根据option的值选中下拉框

$('#testSelect').val('111');
document.all.objSelect.value = objItemValue; //js操作 objSelect為select的name或者id
document.getElementById('sel').value=objItemValue;

select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

2,单选框 radio :

$("input[type=radio][checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$(':radio[name="radio"]:checked').val();//第二种方法
$("input[type=radio][value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
$(':radio[value="2"]').attr('checked','checked');

radio单选组的第二个元素为当前选中值

$("input[name='items']").get(1).checked = true;

3,复选框 checkbox :(其它写法参见上面:radio)

javascript jquery對form元素的常見操作
$("input[type='checkbox'][checked]").val(); //得到复选框的选中的第一项的值$("#chk1").attr("checked",'');//不打勾$("#chk2").attr("checked",true);// 打勾//全選/不選

  $("#selectAll").bind('click',function(){
      var sa = $(this).attr("checked");
      $("input[name='sel[]']").each(function(){
          this.checked=sa;
      });
  });

 
javascript jquery對form元素的常見操作

 4,輸入框 input :

$(':input[name="keyword"]').val();//根据name值取得值

5,文本框 textarea :

固定文本框大小:<textarea name="123" style="resize:none;"></textarea>





原标题:javascript jquery對form元素的常見操作

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

又是印度!阿里旗下浏览器计划在印度推出电商服务!:https://www.ikjzd.com/articles/106928
亚马逊自动广告怎么分析优化?我是这么做的!:https://www.ikjzd.com/articles/106930
亚马逊断货之后,如何重新拉动Listing的销量?:https://www.ikjzd.com/articles/106932
可能会导致亚马逊英国站账号被封的原因!:https://www.ikjzd.com/articles/106934
eBay三大站点批量购买折扣50%成交费返,还限时大促!:https://www.ikjzd.com/articles/10694
亚马逊运营怎么从入门到进阶?:https://www.ikjzd.com/articles/106940
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流