如同所示:现在所需效果点击某个区域,在文本框中显示,并且传入后自动搜索相关区域!
以下是文本框中的代码
<form id="tableForm_search" method="get" οnsubmit="return form_submit()">
<input type="text" id="tableinfo" value="" name="tableinfo" class="int" οnkeyup='value = value.replace(/(^\s*)|(\s*$)/g,"");'/>
<input class="but" name="" type="image" src="/${res}/img/but.jpg" οnclick="return submitBtn(this.form);" />
</form>
主要是图片中onclick事件
另外贴上js脚本 及操作的文本框
<script language="javascript">
function submitBtn(fm){
fm.submit();
return false;
}
function submitBtn_feature(fm){
var herf=document.getElementById("feature").value;
$('#tableinfo').val(herf);
fm.submit();
return false;
}
</script>
<a href="#" target="_self" id="feature" name="***" value="***" οnclick="return submitBtn_feature(this.form);">***</a>
对此主要逻辑是点击链接中调用onclick submitBtn_feature事件$('#tableinfo').val(herf);把值放入文本框中,文本框中的查询是通过点击图片显示 onclick submitBtn再次查找
此列 易混点,通过οnclick="return submitBtn_feature"点击提交后认为已经成功,但未考虑到文本框中的查询也是通过图片onclick 事件提交 从而未再次调用图片onclick事件