dom - How do I get the value of text input field using JavaScript? -


i working on search javascript. use form, messes else on page. have input text field:

<input name="searchtxt" type="text" maxlength="512" id="searchtxt" class="searchfield"/>

and javascript code:

<script type="text/javascript">   function searchurl(){     window.location = "http://www.myurl.com/search/" + (input text value);   } </script>

how value text field javascript?

there various methods input textbox value directly (without wrapping input element inside form element):

method 1:

document.getelementbyid('textbox_id').value value of desired box

for example, document.getelementbyid("searchtxt").value;

 

note: method 2,3,4 , 6 returns collection of elements, use [whole_number] desired occurrence. first element, use [0], second 1 use 1, , on...

method 2:

use document.getelementsbyclassname('class_name')[whole_number].value returns live htmlcollection

for example, document.getelementsbyclassname("searchfield")[0].value; if first textbox in page.

method 3:

use document.getelementsbytagname('tag_name')[whole_number].value returns live htmlcollection

for example, document.getelementsbytagname("input")[0].value;, if first textbox in page.

method 4:

document.getelementsbyname('name')[whole_number].value >returns live nodelist

for example, document.getelementsbyname("searchtxt")[0].value; if first textbox name 'searchtext' in page.

method 5:

use powerful document.queryselector('selector').value uses css selector select element

for example, document.queryselector('#searchtxt').value; selected id
document.queryselector('.searchfield').value; selected class
document.queryselector('input').value; selected tagname
document.queryselector('[name="searchtxt"]').value; selected name

method 6:

document.queryselectorall('selector')[whole_number].value uses css selector select elements, returns elements selector static nodelist.

for example, document.queryselectorall('#searchtxt')[0].value; selected id
document.queryselectorall('.searchfield')[0].value; selected class
document.queryselectorall('input')[0].value; selected tagname
document.queryselectorall('[name="searchtxt"]')[0].value; selected name

support

browser          method1   method2  method3  method4    method5/6 ie6              y(buggy)   n        y        y(buggy)   n ie7              y(buggy)   n        y        y(buggy)   n ie8              y          n        y        y(buggy)   y ie9              y          y        y        y(buggy)   y ie10             y          y        y        y          y ff3.0            y          y        y        y          n    ie=internet explorer ff3.5/ff3.6      y          y        y        y          y    ff=mozilla firefox ff4b1            y          y        y        y          y    gc=google chrome gc4/gc5          y          y        y        y          y    y=yes,n=no safari4/safari5  y          y        y        y          y opera10.10/ opera10.53/      y          y        y        y(buggy)   y opera10.60 opera 12         y          y        y        y          y

useful links

  1. to see support of these methods bugs including more details click here
  2. difference between static collections , live collections click here
  3. difference between nodelist , htmlcollection click here

Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer ...
Read more

c# - Asp.net web api : redirect unauthorized requst to forbidden page -

im trying redirect unauthorized request forbidden page instead i'm getting forbidden page in response body , how can fix ? here's startup class : app.createperowincontext(storecontext.create); app.createperowincontext<applicationusermanager>(applicationusermanager.create); app.createperowincontext<applicationsigninmanager>(applicationsigninmanager.create); app.usecookieauthentication(new cookieauthenticationoptions { authenticationtype = defaultauthenticationtypes.applicationcookie, expiretimespan = timespan.fromdays(30), }); app.useexternalsignincookie(defaultauthenticationtypes.externalcookie); app.usetwofactorsignincookie(defaultauthenticationtypes.twofactorcookie, timespan.fromminutes(5)); app.usetwofactorrememberbrowsercookie(defaultauthenticationtypes.twofactorrememberbrowsercookie); the method im trying reach : [httpget] [authorize(roles = "admin")] public string getcurrentusername() { return userman...
Read more