blocks|key|513893|text|您必须使用value+attribute来获取它的值|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|513894|<input+type="text"+name="FirstName"+value="First+Name"+/>|code-block|syntax|javascript|513895|试一下-|513896|var+text+=+$('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();|513897|entityMap^0|5|F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>You have to use <code>value attribute</code> to get its value</p>

<pre><code>&lt;input type="text" name="FirstName" value="First Name" /&gt;
</code></pre>

<p>try - </p>

<pre><code>var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();
</code></pre>


blocks|key|513840|text|它可以比你正在做的事情简单得多。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|513841|HTML：|513842|<input+id="myField"+type="text"+name="email"/>|code-block|syntax|javascript|513843|JavaScript：|513844|//+getting+the+value
var+email+=+$("#myField").val();

//+setting+the+value
$("#myField").val(+"new+value+here"+);|513845|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>It can be much simpler than what you are doing.</p>

<p>HTML:</p>

<pre><code>&lt;input id="myField" type="text" name="email"/&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>// getting the value
var email = $("#myField").val();

// setting the value
$("#myField").val( "new value here" );
</code></pre>


blocks|key|514052|text|另一种方法，不搜索域html：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|514053|var+$form+=+$('#'+%2B+DynamicValueAssignedHere).find('form');
var+formData+=+$form.serializeArray();
var+myFieldName+=+'FirstName';
var+myFieldFilter+=+function+(field)+{
++return+field.name+==+myFieldName;
}
var+value+=+formData.filter(myFieldFilter)[0].value;|code-block|syntax|javascript|514054|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>An alternative approach, without searching for the field html:</p>

<pre><code>var $form = $('#' + DynamicValueAssignedHere).find('form');
var formData = $form.serializeArray();
var myFieldName = 'FirstName';
var myFieldFilter = function (field) {
  return field.name == myFieldName;
}
var value = formData.filter(myFieldFilter)[0].value;
</code></pre>


blocks|key|297435|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|297436|$("form").submit(function(event)+{
++++
++++++var+firstfield_value++=+event.currentTarget[0].value;
+++++
++++++var+secondfield_value+=+event.currentTarget[1].value;+
+++++
++++++alert(firstfield_value);
++++++alert(secondfield_value);
++++++event.preventDefault();+
+++++});|code-block|syntax|javascript|297437|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form+action=""+method="post"+>
<input+type="text"+name="field1"+value="value1">
<input+type="text"+name="field2"+value="value2">
</form>|297438|297439|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$("form").submit(function(event) {
    
      var firstfield_value  = event.currentTarget[0].value;
     
      var secondfield_value = event.currentTarget[1].value; 
     
      alert(firstfield_value);
      alert(secondfield_value);
      event.preventDefault(); 
     });</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;form action="" method="post" &gt;
&lt;input type="text" name="field1" value="value1"&gt;
&lt;input type="text" name="field2" value="value2"&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>


blocks|key|297328|text|如果你知道输入的id，你只需要使用下面的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|297329|var+value+=+$("#inputID").val();|code-block|syntax|javascript|297330|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if you know the id of the inputs you only need to use this:</p>

<pre><code>var value = $("#inputID").val();
</code></pre>


blocks|key|297386|text|var+textValue+=+$("input[type=text]").val()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|297387|这将获得所有文本框的所有值。您可以使用孩子、第一个孩子等方法来磨练。就像表单$('formname=form1+inputtype=text')一样，更容易使用ID作为目标元素，但是如果它是纯动态的，那么您可以获取所有输入值，然后循环遍历，然后使用JS。|unstyled|297388|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var textValue = $("input[type=text]").val()
</code></pre>

<p>this will get all values of all text boxes. You can use methods like children, firstchild, etc to hone in. Like by form 
    $('form[name=form1] input[type=text]')
Easier to use IDs for targeting elements but if it's purely dynamic you can get all input values then loop through then with JS.</p>


blocks|key|297491|text|您可以尝试以下代码行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|297492|$("#DynamicValueAssignedHere+.formdiv+form").contents().find("input[name='FirstName']").prevObject[1].value|code-block|syntax|javascript|297493|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can try these lines:</p>

<pre><code>$("#DynamicValueAssignedHere .formdiv form").contents().find("input[name='FirstName']").prevObject[1].value
</code></pre>


blocks|key|297519|text|您可以通过$('input[fieldAttribute=value]').val()获取任何输入字段值|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|297520|下面是一个例子|297521|​|297522|displayValue+=+()+=>+{

++//+you+can+get+the+value+by+name+attribute+like+this
++
++console.log('value+of+firstname+:+'+%2B+$('input[name=firstName]').val());
++
++//+if+there+is+the+id+as+lastname
++
++console.log('value+of+lastname+by+id+:+'+%2B+$('#lastName').val());
++
++//+get+value+of+carType+from+placeholder++
++console.log('value+of+carType+from+placeholder+'+%2B+$('input[placeholder=carType]').val());

}|code-block|syntax|javascript|297523|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div+class="formdiv">
++++<form+name="inpForm">
++++++++<input+type="text"+name="firstName"+placeholder='first+name'/>
++++++++<input+type="text"+name="lastName"+id='lastName'+placeholder='last+name'/>
++++++++
++++++++<input+type="text"+placeholder="carType"+/>
++++++++<input+type="button"+value="display+value"+onclick='displayValue()'/>
++++++++
++++</form>
</div>|297524|297525|entityMap^0|5|12|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Y|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|Q|3|I|5|6|7|10|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|S|$]]

<p>You can get any input field value by 
<code>$('input[fieldAttribute=value]').val()</code></p>

<p>here is an example</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>displayValue = () =&gt; {

  // you can get the value by name attribute like this
  
  console.log('value of firstname : ' + $('input[name=firstName]').val());
  
  // if there is the id as lastname
  
  console.log('value of lastname by id : ' + $('#lastName').val());
  
  // get value of carType from placeholder  
  console.log('value of carType from placeholder ' + $('input[placeholder=carType]').val());

}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;div class="formdiv"&gt;
    &lt;form name="inpForm"&gt;
        &lt;input type="text" name="firstName" placeholder='first name'/&gt;
        &lt;input type="text" name="lastName" id='lastName' placeholder='last name'/&gt;
        
        &lt;input type="text" placeholder="carType" /&gt;
        &lt;input type="button" value="display value" onclick='displayValue()'/&gt;
        
    &lt;/form&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


<p>I am using a jquery template to dynamically generate multiple elements on the same page. Each element looks like this</p>

<pre><code>&lt;div id ="DynamicValueAssignedHere"&gt;
    &lt;div class="something"&gt;Hello world&lt;/div&gt;
    &lt;div class="formdiv"&gt;
        &lt;form name="inpForm"&gt;
            &lt;input type="text" name="FirstName" /&gt;
            &lt;input type="submit" value="Submit" /&gt;
        &lt;/form&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would like to use Jquery to process the form on submit. I would also like to revert the form values to their previous values if something should go wrong. My question is
How can I get the value of input box using Jquery? For example, I can get the value of the div with class "something" by doing</p>

<pre><code>var something = $(#DynamicValueAssignedHere).children(".something").html();
</code></pre>

<p>In a similar fashion, I want to be able to retrieve the value of the textbox. Right now, I tried</p>

<pre><code>var text = $(#DynamicValueAssignedHere).children(".formdiv").findnext('input[name="FirstName"]').val();
</code></pre>

<p>but it doesn't seem to be working</p>


Jquery get form field value

我使用jquery模板在同一页面上动态生成多个元素。每个元素看起来如下所示<div id ="DynamicValueAssignedHere">    <div class="something">Hello world</div>    <div class="formdiv">        <form name="inpForm">            <input type="text

问Jquery获取表单字段值
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery获取表单字段值EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery获取表单字段值
EN