需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data','test')。
3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。
使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。
工具原料：编辑器、jquery
1、首先jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。
2、给div元素属性赋值的代码如下：
<div id="div1" class="test"></div><script type="text/javascript">
$('#div1').attr('class','baidu')
</script>
3、运行代码如下，审查元素防线class的值已经改为baidu，如下图：
//动态展示元素var showDynamic=function(){
var inputValue=document.getElementsByName("a")[0]
//注意，此处必须写一个合适的触发事件，onclick or onfocus，也可以被调用触发。
//但是，必须有触发事件。
inputValue.onclick=function(){
if(this.value!=""){
showResult(this.value)
}
}
}
//展示函数
var showResult=function(v){
var showLabel=document.getElementById("functioncode")
for(var i=0i<showLabel.lengthi++){
if(showLabel[i].value==v){
showLabel[i].selected="selected"
}
}
}
//注册到window加载中
window.onload=showDynamic
//如果使用jQuery，则更加简单。以下是jQuery的写法，使用哪一种，你自己根据情况而定。
$(document).ready(function(){
var inputValue=$("input[name='a']")
inputValue.click(function(){//或者focus事件
var that=$(this).val()
$("#functioncode").each(function(){
if($(this).val()==that){
$(this).attr("selected",true)
}
})
})
})
