javascript中怎么把按钮,下拉列表和输入框关联起来

JavaScript035

javascript中怎么把按钮,下拉列表和输入框关联起来,第1张

<script language='javascript'>

function check(){

var range=document.getElementById('range').value

var input=document.getElementById('input-data').value

var real= parseInt(Math.random()*range)+1

alert('你输入的是:'+input+' 实际值是'+real)

}

</script>

<select id='range'>

<option value='100'>1-100</option>

<option value='10'>1-10</option>

</select>

请输入:<input id='input-data' type='text' />

<input id='finish' type='button' value='finish' onclick='check()'/>

从你给的截图看是要实现这个功能吧..

1.在输入框输入页码,按回车后,跳转到对应的页面

2.在输入框输入页码,点击后面的确定按钮,,跳转到对应的页面

这里其实不是把两个事件都绑定到按钮上.而是输入框和按钮各一个.

输入框相应回车事件,按钮相应点击事件.

及input的onkeydown或onkeypress事件,与按钮的click事件.

你可以写一个方法来实现到目标页.

function goPage(){}

input 的onkeydown或onkeypress事件

input.onkeydown=function(){

//在这里先加入判断是否按了回车,,看楼上的.

//然后调用翻页事件.

goPage()

}

按钮的click事件可以直接这么写

btn.click=goPage()

document.all 是IE下的写法,其他浏览器似乎只有opera能用

function Page.canSubmit 这种写法,不知是那种浏览器下的写法,

正确写法

var Page = new Object()

Page.canSubmit = function (){ .....}

那长长的一排东西可以简化一下

var conf = {but6:"单选题",but7:"多选题",but8:"判断题",but9:"填空题",but10:"计算题",but11:"问答题" }

var txt=document.all.item("text_22").value

for(var key in conf)

{

if(conf[key]==txt){

document.all.tem(key).style.display=""

document.all.tem(key).disabled=false

}else{

document.all.tem(key).style.display="none"

}

}