html - How to get all selected values from different inputs - Javascript -


i see lot of questions mine different theirs. have form , form includes 3 different select area different variables. want them don't know how , i'm newbie on javascript , html.

edit: deleted " sending database " part. part of context.

here html:

    <form>    <p> scores: </p>      <select name ="scores:">       <option value= " 9 " name= " 9 "> 9 </option>       <option value= " 8 " name= " 8 "> 8 </option>       <option value= " 7 " name= " 7 "> 7 </option>       <option value= " 6 " name= " 6 "> 6 </option>       <option value= " 5 " name= " 5 "> 5 </option>       <option value= " 4 " name= " 4 "> 4 </option>       <option value= " 3 " name= " 3 "> 3 </option>       <option value= " 2 " name= " 2 "> 2 </option>       <option value= " 1 " name= " 1 "> 1 </option>      </select>  <p> years: </p>     <select id ="year">   </select>    <p> languages: </p>    <select name="language">     <option value ="aborginial", name = "aborginial"> aborginial </option>     <option value="arabic"> arabic </option>     <option value="aramaic">aramaic</option>     <option value="bosnian">bosnian</option>     <option value="cantonese">cantonese</option>     <option value="chinese">chinese</option>     <option value="czech">czech</option>       </select>    <button type="button">submit data</button>   </form>

assuming user selected score 7, set language bosnian , year 1980 ( i'm populating year box function don't worry not empty list ) , want these selected values (score: 7, lang: bosnian, year:1980) way of them in form. how can these selected values?

return object :

document.getelementbyid("submit").addeventlistener("click", getdata);    function getdata() {  var score = document.getelementbyid('scores').value;  var year = document.getelementbyid('year').value;  var language = document.getelementbyid('language').value;  var data = {'score':score, 'year':year, 'lang':language};  console.log(data);  }
    <form>      <p> scores: </p>        <select id ="scores" name ="scores:">        <option value= " 9 " name= " 9 "> 9 </option>        <option value= " 8 " name= " 8 "> 8 </option>        <option value= " 7 " name= " 7 "> 7 </option>        <option value= " 6 " name= " 6 "> 6 </option>        <option value= " 5 " name= " 5 "> 5 </option>        <option value= " 4 " name= " 4 "> 4 </option>        <option value= " 3 " name= " 3 "> 3 </option>        <option value= " 2 " name= " 2 "> 2 </option>        <option value= " 1 " name= " 1 "> 1 </option>        </select>    <p> years: </p>        <select id ="year">    </select>      <p> languages: </p>      <select id= "language" name="language">      <option value ="aborginial", name = "aborginial"> aborginial </option>      <option value="arabic"> arabic </option>      <option value="aramaic">aramaic</option>      <option value="bosnian">bosnian</option>      <option value="cantonese">cantonese</option>      <option value="chinese">chinese</option>      <option value="czech">czech</option>        </select>      <button id="submit" type="button">submit data</button>    </form>


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more