单选按钮radio和下拉选择select,ajax返回数据回显对应值

Posted 小凢

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单选按钮radio和下拉选择select,ajax返回数据回显对应值相关的知识,希望对你有一定的参考价值。

html页面:

<div class="fileradio">
  <h5>性 别:</h5>
  <input type="radio" name="sex" id="boy" value="0"><p>男</p>
  <input type="radio" name="sex" id="gil" value="1"><p>女</p>
</div>

<div class="fileannpas">
  <h5>证件类型:</h5>
  <select class="phonttype" name="phonttype" id="patientCardType">
  
  </select>
</div>

 

js:

ajax传id返回该条id的数据

if(data.data.PATIENT_SEX==0){
  $("#boy").attr(‘checked‘, ‘checked‘);
}else{
  $("#gil").attr(‘checked‘, ‘checked‘);
}

$("#patientCardType selected:").val(data.data.CARD_TYPE);

 

获取radio值:

var sex=$("input[type=‘radio‘]:checked").val();

 

获取select的value值:

var cardType=$("#patientCardType").val();

 

获取select的html值:

var cardName=$("#patientCardType option:selected").html();














以上是关于单选按钮radio和下拉选择select,ajax返回数据回显对应值的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery选择单选按钮文本字段和下拉菜单

[oldboy-django][2深入django]Form组件实现生成: select下拉框, checkbox复选框,radio单选框以及如何实现自定义数据格式要求

html中<radio>单选按钮控件标签用法解析及如何设置默认选中

单击时不选择自定义单选按钮

根据单选按钮选择显示/隐藏输入字段

Angular 2 单选按钮事件