js 前台链接到文本后查询

 如同所示：现在所需效果点击某个区域，在文本框中显示，并且传入后自动搜索相关区域！

以下是文本框中的代码

 <form id="tableForm_search"  method="get"  onsubmit="return form_submit()">
     <input type="text"  id="tableinfo"  value="" name="tableinfo" class="int"  onkeyup='value = value.replace(/(^\s*)|(\s*$)/g,"");'/>
     <input class="but" name="" type="image" src="/${res}/img/but.jpg"  onclick="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="***" onclick="return submitBtn_feature(this.form);">***</a>

对此主要逻辑是点击链接中调用onclick submitBtn_feature事件$('#tableinfo').val(herf);把值放入文本框中，文本框中的查询是通过点击图片显示 onclick submitBtn再次查找

此列 易混点，通过onclick="return submitBtn_feature"点击提交后认为已经成功，但未考虑到文本框中的查询也是通过图片onclick 事件提交 从而未再次调用图片onclick事件