jQuery Change Input text upon selection of radio button -

-

trying value="" of <input class="box" type="text" value="??" name="searchquery" change upon selection of radio button. if user presses 'first name' radio button example, changes value of .box input value such "enter first name" , have other radio buttons well.

can help? jquery novice here :) 

<!doctype html> <html> <head>      <link rel="stylesheet" href="global.css"  media="screen" />     <link rel="stylesheet" href="design.css"  media="screen" />     <style type="text/css">     .hidden {     display: none;     }     </style>     <script type="text/javascript" src="inc/jquery.js"> </script>     <script type="text/javascript">$(function() {$('input[type=text]').focus(function() {$(this).val('')});});</script>     <!-- // --> **<script>     $("#searchselect").change(function () {           var str = "";           $("radio option:option1").each(function () {                 str += $(this).text() + " ";               });           $("div").text(str);         })         .change(); </script>** </head>  <body> <div id="top_wrapper_bg">     <div id="wrapper_top">         <div id="header">                 <div id="logo">                 <a href="index.php"><img src="img/logo-02-01-11.png" alt="logo-02-01-11" width="300" height="100" border="0" /></a>                 </div><!-- /logo -->                 <div id="header_image">                 right                 </div><! -- /header_image -->                 <div id="clear"> </div><! -- /clear -->                 <div id="nav">                 nav                 </div><! -- /nav -->         </div><!-- /header-->     </div><!-- /wrapper_top --> </div><!-- /top_wrapper_bg -->  <div id="header_search_break"> </div>  <div id="bot_wrapper_bg">            <div id="wrapper_bottom">             <div id="search">                      <span class="medfont">search by:</span>                          <form id="searchselect" action="#">                             <input type="radio" name="option1" value="first name" />first name&nbsp;                             <input type="radio" name="option1" value="last name" />last name&nbsp;                             <input type="radio" name="option1" value="department" />department&nbsp;                             <input type="radio" name="option1" value="course" />course                         </form>                         <br>                                 <input class="box" type="text" name="searchquery" value="select option..." class="textfield clearmefocus" />             </div><!-- /search -->             <div id="latest_stats">             <p>stats</p>             </div><!-- /latest_stats -->             <div id="clear"> </div>         <div id="contain_stats">                 <div id="latest_prof">                 latest prof                 </div><!-- /latest_prof -->                  <div id="top_prof">                 top prof                 </div><!-- /top_prof -->                 <div id="clear"> </div><! -- /clear -->         </div><!-- /contain_stats -->         <br><br><br><br><br><br><br><br>          <h6 style="margin:0; padding:0; font-size:0.3em;"><a href="prof.php">prof page</a></h6>      </div><!-- /wrapper_bottom --> </div><!-- /bot_wrapper_bg --> </body> </html>

really simple fiddle.

using code:

$(document).ready(function(){   $("input[type=radio]").click(function(){      $("#it").val(this.value);   });  });

and html:

<input type="text" id="it" value=""> <input type="radio" name="hey" value="one"> <input type="radio" name="hey" value="two"> <input type="radio" name="hey" value="three">

this demonstrates concept of how it.


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more