根据无线电按钮选择JavaScript中的值

Question

在我的方案中，我想使用无线电按钮选择更改表值。

无线电按钮的代码

@Html.RadioButtonFor(m => m.Doctype1, new {
  id = "doctype1", @onclick = "DocTypeSelect()"
}) @Html.Label("largedocs")

@Html.RadioButtonFor(m => m.Doctype2, new {
  id = "doctype2", @onclick = "DocTypeSelect()"
}) @Html.Label("SmallDocs")

@Html.RadioButtonFor(m => m.Doctype3, new {
  id = "doctype3", @onclick = "DocTypeSelect()"
}) @Html.Label("MediumDocs")

@Html.RadioButtonFor(m => m.Doctype4, new {
  id = "doctype4", @onclick = "DocTypeSelect()"
}) @Html.Label("VerySmallDocs")

我为隐藏其他下拉值的逻辑编写了逻辑。通过使用我可以更改下拉列表并隐藏其他3个按钮。

 <td id="DocTypes1">
    @Html.DropDownlistfor(m => m.Doctype, new selectlist(m.BigDocs, "Value", "Text", m.BigDocs), new {
      @id = "SelectDocType", 
      @onchange = "ChangeTypes()"
    })

 <td id="DocTypes2">
    @Html.DropDownlistfor(m => m.Doctype, new selectlist(m.BigDocs, "Value", "Text", m.BigDocs), new {
      @id = "SelectDocType", 
      @onchange = "ChangeTypes()"
    })

 <td id="DocTypes3">
    @Html.DropDownlistfor(m => m.Doctype, new selectlist(m.BigDocs, "Value", "Text", m.BigDocs), new {
      @id = "SelectDocType", 
      @onchange = "ChangeTypes()"
    })

 <td id="DocTypes4">
    @Html.DropDownlistfor(m => m.Doctype, new selectlist(m.BigDocs, "Value", "Text", m.BigDocs), new {
      @id = "SelectDocType", 
      @onchange = "ChangeTypes()"
    })

在JavaScript中，如果选择了一个特定的值，我想获得该值并在格式的表视图中显示。

现有代码始终仅获得一种DOC值。我不知道为什么？？？

funtion ChangeTypes(){
var docId=$("SelectDocType").val();
var docType=$("SelectDocType option:selected").text();
if(SelectDocType !="")
{

//my logic

}

实际上，当用户更改下拉值时，我需要获取数据。 我解决这个问题。

帮

Answer 1

如果您需要找到所有下拉列表，则应：

$('select[id^="SelectDocType"]')

应该给您所有下拉列表ID的匹配项，尽管它不是元素共享相同ID的最佳练习，如果您可以给他们一个唯一的ID，则可以找到它们，那么您可以找到它们所有使用类名称都

$('.myclass')

需要用于每个循环的所有名称，然后将每个元素项目的值从每个元素中获取

$( "select" ).each(function( index ) {
    console.log( index + ": " + $( this ).val() );
})

，但是如果您想让自己更轻松地生活，为什么不将价值传递给函数：

 <td id="DocTypes2">
    @Html.DropDownlistfor(m => m.Doctype, new selectlist(m.BigDocs, "Value", "Text", m.BigDocs), new {
      @id = "SelectDocType", 
      @onchange = "ChangeTypes(this.value)"
    })
...
funtion ChangeTypes(val){
   console.log(val);
}

我希望这会有所帮助