在选择列表中将创建的属性与 javascript 一起使用

Use created attribute with javascript in select list

本文关键字：javascript 一起 属性 列表 选择 创建      更新时间：2023-09-26

im 尝试访问我在选择列表中创建的属性。

<script language="JavaScript">
function updateUrl()
    {
        var newUrl=document.getElementById('test').car;
        alert(newUrl);
    }
</script>
<input type="text" id="test" car="red" value="create Attribute test" size="40"/> 
<input type="button" value="submit" onclick="updateUrl();">

它一直给我未定义。 如何从属性 Car 获取字符串红色？

我尝试使用选择列表，它现在提醒空

<select name= "test" id= "test" onChange= "updateUrl()">
     <option value="1" selected="selected" car="red">1</option> 
     <option value="2" car="blue" >2</option> 
     <option value="3" car="white" >3</option> 
     <option value="4" car="black" >4</option>    
</select>

试试这个：

var newUrl = document.getElementById('test').getAttribute('car');

编辑

对于<select>，您必须查看选定的<option>元素，而不是<select>本身： 

var select = document.getElementById('test');
select.options[select.selectedIndex].getAttribute('car');
相关文章：