jquery - How to print input text field in-front drop-down list? -


how print drop-down list , input text , date-range on same line in code drop-down list , input field different line want same line mean input field in-front of drop-down list

please me new in jquery

function showinput() {    var value = $("#s1value").val();    var txt= value.replace(/\_/g, " ");    var label = $("<label />").attr("for", value).html(txt + ": ");    switch (value) {      case "application_date":        var input = $("<input />").attr("type", "text").attr("name", value);        var input2 = $("<input />").attr("type", "text").attr("name", value + "_2");        label.append("from: ")        label.append(input);        label.append(" to: ");        label.append(input2);        $('#beforeselect').html('').append(label);        break;    default:          var input = $("<input />").attr("type", "text").attr("id", value);        label.append(input);     }    $('#beforeselect').html('').append(label);      }    $("#s1value").on("change", function() {     showinput();      });   showinput();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>    <select id="s1value" name="s1value">  <option value="claim"  >claim - c</option>  <option value="title"  >title - t</option>  <option value="description"  >description - d</option>  <option value="abstract" >abstract - a</option>  <option value="application_no"  >application_number - apn</option>  <option value="priority_number"  >priority_number - pn</option>  <option value="record_number"  >record_number - rn</option>  <option value="priority_date" >priority_date - pd</option>  <option value="application_date"  >application_date - apd</option>  <option value="publication_date"  >publication_date - pd</option>  <option value="us_class" >us_class - usc</option>  <option value="ipc_class"  >ipc_class - ipc</option>  <option value="cpc_class"  >cpc_class - cpc</option>  <option value="priority_country_code"  >priority country code - pcc</option>  <option value="designate_states"  >designate_states - ds</option>  <option value="legal_status_current"  >legal_status_current - lsc</option>  </select>    <div id="beforeselect"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>            <select id="s1value" name="s1value">      <option value="claim"  >claim - c</option>      <option value="title"  >title - t</option>      <option value="description"  >description - d</option>      <option value="abstract" >abstract - a</option>      <option value="application_no"  >application_number - apn</option>      <option value="priority_number"  >priority_number - pn</option>      <option value="record_number"  >record_number - rn</option>      <option value="priority_date" >priority_date - pd</option>      <option value="application_date"  >application_date - apd</option>      <option value="publication_date"  >publication_date - pd</option>      <option value="us_class" >us_class - usc</option>      <option value="ipc_class"  >ipc_class - ipc</option>      <option value="cpc_class"  >cpc_class - cpc</option>      <option value="priority_country_code"  >priority country code - pcc</option>      <option value="designate_states"  >designate_states - ds</option>      <option value="legal_status_current"  >legal_status_current - lsc</option>      </select>            <div id="beforeselect">      <span id="levelinp"></span>: <input type="text" id="application_no">      </div>            <script>      $("#s1value").on("change", function() {         showinput();              });      function showinput() {        var level = $("#s1value").val();        $('#levelinp').html(level);      }      showinput();      </script>


Comments

Post a Comment

Popular posts from this blog

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

javascript - pass values from mssql to views in node -

being new node js , javascript . have been trying find solution problem . this app.js file var express=require ('express'); var bodyparser = require('body-parser'); var path = require ('path'); var sql = require('mssql'); var app = express(); const config = { user: 'sa', password: 'password', server: 'localhost\\sqlexpress', // can use 'localhost\\instance' connect named instance database: 'pcgdb', options: { encrypt: false // use if you're on windows azure } }; const request = new sql.request() //view engine app.set('view engine', 'ejs'); app.set('views', path.join(__dirname, 'views')) app.use(bodyparser.json()); app.use(bodyparser.urlencoded({extended: false})); app.get('/',function(req,res){ res.render('index') }); app.get('/new_project', function(req, res) { function(data,err){ ...
Read more

javascript - Understanding ExtJS Framework Syntax -

i have been given project uses sencha's extjs framework, no handover or documentation. trying come grips hoping people can pls assist me following syntax possibly point me specific site might explain code newcomer framework. i have been going through code , unsure doing, i.e.: if(val==1) { ext.getcmp('status').settext('awaiting approv'); } switch(flag) { case 1: if(val==0) { ext.getcmp('complex_first').el.replacecls('x-form-complex', 'x-form-simplex'); } else { ext.getcmp('complex_first').el.replacecls('x-form-simplex', 'x-form-complex'); } break; case 2: if(val==0) { ext.getcmp('complex_second').el.replacecls('x-form-complex', 'x-form-simplex'); } else { ext.getcmp('complex_second').el.replacecls('x-fo...
Read more