隐藏输入文字提交jquery

Question

我有一个javascript var返回值为“ven_prod”的输入文本ID“ven_prod”的值，我需要在数据库中进行搜索而不必提交页面。

我不能在java代码中使用javascript var，所以我在隐藏的输入文本ID“prod_hidden”中设置了值，但我需要提交它以获取java代码的值并使搜索...我该怎么做？

<input id="ven_prod" type="text" placeHolder="Código de Barras" autofocus> 
     <input id="prod_hidden" type="text" value=""> 

     <script>  
      $('#ven_prod').keypress(function (e) 
        { 
         if(e.keyCode==13) 
         { 
          var table = document.getElementById('tbprodutos'); 
          var tblBody = table.tBodies[0]; 
          var newRow = tblBody.insertRow(-1); 
          var prod = document.getElementById('ven_prod').value; 
          var qtd = document.getElementById('ven_qtd'); 
          var barra = prod.substring(0, 12); 
          var num = prod.substring(14, 16); 
          document.getElementById('prod_hidden').value = barra; 
          var ref = <%=pd.getProdutosBarra(request.getParameter("prod_hidden")).getPro_referencia()%>; 
OR 
          var ref = <%=pd.getProdutosBarra(JS VAR 'barras HERE).getPro_referencia()%>; 

          if(prod.length==16) { 
           var newCell0 = newRow.insertCell(0); 
           newCell0.innerHTML = '<td>'+ref+'</td>'; 

           var newCell1 = newRow.insertCell(1); 
           newCell1.innerHTML = '<td>'+num+'</td>'; 

           var newCell2 = newRow.insertCell(2); 
           newCell2.innerHTML = '<td>'+qtd.value+'</td>'; 

           var newCell3 = newRow.insertCell(3); 
           newCell3.innerHTML = '<td>R$ '+valor+'</td>'; 

           var newCell4 = newRow.insertCell(4); 
           newCell4.innerHTML = '<td>'+barra+'</td>'; 

           document.getElementById('ref').value = '6755'; 
           document.getElementById('imgsrc').src = './?acao=Img&pro_id=1'; 
           document.getElementById('valortotal').value = 'Testando novo valor'; 
           document.getElementById('ven_prod').value = ''; 
           document.getElementById('ven_qtd').value = '1'; 

          } else { 

           document.getElementById('ven_prod').value = ''; 
           document.getElementById('ven_qtd').value = '1'; 
           alert("Código de barras inválido!"); 
          } 

          return false; 
         } 
      }); 
     </script> 

Answer 1

你还可以添加自定义属性的input元素（jQuery中）：

<input type='text' id='pro_barras' customattr='myCustomInfo'/> 

<script> 
var customValue = $('#pro_barras').attr('mycustomvar'); 
alert(customValue); 
</script> 

Fiddle

Answer 2

你可以使用jQuery如下使AJAX调用。将提交您的表单数据以及隐藏的元素。

var form = jQuery("#YourFormID"); 
jQuery.ajax({ 
     type: "POST", 
     url: form.attr("action"), 
     data: form.serialize(), // serializes the form's elements. 
     success: function(data) { 
      console.log(data); 
     } 
}); 

Answer 3

一个）可以使用这样的：

$("#pro_barras").bind("change paste keyup", function() { 
    //$('.someClass').submit();  
    $('#it_is_form_id').submit(); // it call form's submit function 
}); 

该件当检测到输入文本变化码。为了更多信息见here如果你想定制form submit功能

$('#it_is_form_id').bind("submit", function(){ 
    //alert("submit"); 
    // make here simple ajax query 
    return false; //<-- it is used so that default submit function doesn't work after above code. 
}); 

不要忘了，所有的代码将里面

<script> 
    $(function() { 
    // your code must be here 
    }); 
</script> 

B）如果你不想使用form ，你可以做这样的：

<script> 
    $(function() { 
     $("#pro_barras").bind("change paste keyup", function() {  
      var text = $("#pro_barras").val(); 
      $.ajax({ 
       type: "POST", 
       url: "yourUrl", 
       data: text, 
       success: function(res){ 
        console.log(res); 
       }, 
       error: function(err){ 
        console.log(err); 
       } 
      }); 
     }); 

    }); 
</script> 

制作简单的Ajax查询：

• Using Jquery post method
• 一个输入文本的https://stackoverflow.com/a/8567149/1746258
• Pass entire form as data in jQuery Ajax function

Answer 4

值命名为 “pro_barras”

你确定吗？看看这个：

<input type="hidden" id="pro_barras"> 

它不是输入的名字，它的ID。您可以尝试使用此：

<input type="hidden" name="pro_barras"> 

而现在，你可以使用$.ajax将请求发送到一个新的页面，在那里你会从数据库中请求数据。然后你会写出回复，并将其放回第一页。

它会做什么取决于你如何使用它。我会尽量让您只需通过jQuery的API使用serialize()方法，这会让您创建表单中的数据的简单URL PARAM，用它作为：

$.ajax({ 
    var data = $('#formid').serialize(); // serialize the form.. 
    url: "link/to/file.cshtml", 
    data: data, 
    success: function (datares) { 
    $('#resultid').html(datares); // write the result in the element 
    } 
}) 

如果你想只得到从该字段的值可以使用

var data = $('input[name=pro_barras]').val(); 

没有submiting的页面。

当您点击input type="submit"按钮时，您的页面将不得不提交。为了防止这种情况，你可以使用

$('#idofsubmitbutton').click(function() { 
    return false; // stop execution and stay on page.. 
} 

然后阿贾克斯将继续，另一种方法是删除input type="submit"和使用<button></button>这不会造成任何的提交。

获得与Java代码

值。这不是java :)它的JavaScript，他们是完全不同的。 :)