Question

所以我试图传递输入ID并获得相应的类型。

EG。

<input id = "1" type = "date"/>
<input id = "2" type = "text"/>

通过＆＃34; 1＆＃34;将返回日期并传递＆＃34; 2＆＃34;将返回文字。

我看了几个例子，但没有一个适用于我的案例：

How to use jquery selector having element type and ID

finding the type of an element using jQuery

到目前为止我所拥有的：

$("#my_select").on('click',function(){
        var fieldID = document.querySelector('.selected').id
        console.log("id is " + fieldID);
        var elementType = $(this).prev().prop('.selected');
        console.log("element type " + elementType)
});

Answer 1

var type = $("#id").attr("type");

应该这样做。

Answer 2

你可以这样做。

$("#my_select").on('click',function(){
            var fieldID = document.querySelector('.selected').id
                console.log("id is " + fieldID);
            var elementType = $('#' + fieldID).prop('type');
            console.log("element type " + elementType)

        });

Answer 3

可能的解决方案。

$("#my_select").on('change', function() {
  var fieldID = document.getElementById($(this).val());
  console.log(`id is ${fieldID.id} and type is ${fieldID.type}`);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="1" type="date" />
<input id="2" type="text" />
<select id='my_select'>
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>

Answer 4

您可以使用解决方案https://jsfiddle.net/bpq58x8m/

getType = function(id){
	console.log($('#' + id).attr('type'));
}

$('input').click(function(){
	getType($(this).attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id = "1" type = "date"/>
<input id = "2" type = "text"/>

输入上的

点击会返回类型。我添加了一个额外的功能仅供您参考，您可以忽略它并将两个组合成一个。

Answer 5

$("#my_select").on('click',function(){
    var fields=$("#your-Form-Id").children();
    for(i=0;i<fields.length;i++){
        var type = field[i].type ||  field[i].tagName.toLowerCase();
        alert(type);
    }
});

在这里，它为您提供输入类型，如无线电文本电子邮件或其他标签的标签名称，如textarea

通过传递其ID来获取输入类型

5 个答案: