vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)
-   -   add data into selectfild with ajax (https://vborg.vbsupport.ru/showthread.php?t=157880)

ragtek 09-15-2007 07:30 AM
add data into selectfild with ajax
 
i have a selectfield:
HTML Code:
<form action="musikcp.php" method="get">
<select name="kategorie">
<option value="1" class="" selected="selected">kategorie1</option>
<option value="2" class="" >123</option>
<option value="3" class="" >123</option>
<option value="4" class="" >mein test</option>
<option value="5" class="" >123</option>
<option value="6" class="" >23</option>
<option value="7" class="" >23</option>
</select></form>
and a form:
HTML Code:
<div class="vbmenu_popup" id="neuekat_menu" style="display:none">
<form action="musikcp.php" method="post">
<table width="200px"><tr><td class="alt2">Name:
<input type="text" name="katname" />
<input type="hidden" name="do" value="dokat" />
<input type="submit" value="speichern" /></td></tr></table></form>
</div>
how can i add the new cat wich i input throu the form to the select part without reloading the site?

CDarklock 09-16-2007 12:06 AM
You need to use JavaScript for this, but it's not really obvious how to do it. Here's a barebones set of code that works.

Code:
<script>
  function Test(parm)
  {
      if(parm!='') // always check your parameters.
      {
        var opt = document.createElement("option"); // create an option object
        opt.text = parm; // set the text of that object to the text provided
        document.forms[0].elements['sel'].add(opt); // add it to the end of the select object
      }
      else alert("Enter a category first!"); // Or "enterzie einen kategorie bitte" or whatever
  }
</script>
This code assumes the FIRST form in your document has a select element named "sel":

Code:
<form>
  <select name="sel">
      <option>First</option>
      <option>Second</option>
      <option>Third</option>
      <option>Fourth</option>
      <option>Fifth</option>
  </select>
</form>
The second form in your document in turn has an action calling the desired function with the appropriate parameter:

Code:
<form action="javascript:Test(document.forms[1].elements['cat'].value);">
  <input name="cat">
  <input type="submit">
</form>
I have only tested this code in IE7... because now that I've said that, everyone with Firefox and Opera will immediately run off and test it in their browser, hoping it will break and make Microsoft look bad. If they don't start ringing bells and waving flags and crowing about the flaws of IE, it works in everything.

And if they're going to test it, I don't have to. So there. ;p

Dismounted 09-16-2007 07:39 AM
You have to also keep in mind that not everyone has Javascript enabled.

ragtek 09-16-2007 07:53 AM
yes, thats clear
theres a normal method available
just the js part is missing


All times are GMT. The time now is 05:03 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01113 seconds
  • Memory Usage 1,725KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (2)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (4)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete