Form action incorrect when set with Javascript -

-

i have form on page 2 inputs. on submission, page redirected link contains values of 2 inputs, plus preceding string. html following: 

<form name="searchform">     <label for="property_type">property type</label>     <select name="property_type" id="property_type_number">         <option value>- property types -</option>         <option value="1432">commercial</option>         <option value="1433">land</option>         <option value="1434">multifamily</option>         <option value="1435">rental</option>         <option value="1436">residential</option>         <option value="1988">residential / condo</option>         <option value="1987">residential / single family</option>     </select>      <label for="city">city</label>     <select name="city" id="city_number">         <option value>- property types -</option>         <option value>--</option>         <option value="cambridge">cambridge</option>         <option value="zanesville">zanesville</option>     </select>      <input type="submit" value="search properties" onclick="searchform()"> </form>

and javascript following: 

function searchform()  {     var propertytype = document.getelementbyid("property_type_number").value;     var city = document.getelementbyid("city_number").value;      target = "/idx/?" + city + propertytype + "hi";      document.searchform.action = target; }

when submit form, seems use first string of target variable ("/idx/?") ignore rest. inserts values form automatically. go custom target such 1 above.

if want see on web, address is: http://lainegabriel.net/ (it last widget on left).

well, can't explain why form behaves such, or why doesn't work, since appear every bit of information online says you're doing.. can however, provide work-around:

firstly, change html this, deleting 'onclick' submit button, , replacing form tag:

<form name="searchform" onsubmit="return searchform();">

secondly, in searchform() function:

function searchform() {     var propertytype = document.getelementbyid("property_type_number").value;     var city = document.getelementbyid("city_number").value;       target = "/idx/?" + city + propertytype + "hi";      document.searchform.action = target; // left in here in case wanted it.     window.location.href = target; // redirect window new url/action     return false; // prevent default submit action occurring }

demo


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more