•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 427,231 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,190 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 877 | Replies: 2
 |
•
•
Join Date: Jul 2008
Posts: 10
Reputation: 
Rep Power: 1
Solved Threads: 0
Newbie Poster
Hi everyone,
I've an issue here. i want load the data from database and i want it appear at DOM select. what i had done,first i load data to hidden text and use a javascript load to DOM select. But the problem is i need to click on select textbox first before the data is appear and also other problem i can't select other option.here is my code.
PHP code.
/#############################################
javascript code.
thank you.
I've an issue here. i want load the data from database and i want it appear at DOM select. what i had done,first i load data to hidden text and use a javascript load to DOM select. But the problem is i need to click on select textbox first before the data is appear and also other problem i can't select other option.here is my code.
PHP code.
<head><script type='text/javascript' src='script.js'></script></head> <body> <tr> <td> <input type='hidden' id='hiddenState' value='$custState' size='28'></td></tr> <tr> <td> <select id='state' onClick='return retrieveOption();'> <option value='apple'>Apple</option> <option value='banana'>Banana</option> <option value='car'>car</option> <option value='mouse'>mouse</option> </td> </tr> </body>
javascript code.
function retrieveOption(){
var var_State=document.getElementById("hiddenState").value;
var var_Option=document.getElementById("state");
for(var i=0;i<var_Option.length;i++){
if (var_Option[i].value==var_State)
{
var var_Text=var_Option[i].text;
var_Option[i].selected=true;
}
}
} Last edited by digital-ether : Aug 6th, 2008 at 6:20 am. Reason: Please wrap your code in [code] ... [/code] tags
•
•
Join Date: Jul 2008
Posts: 10
Reputation:
Rep Power: 1
Solved Threads: 0
Newbie Poster
Please someone help me....
•
•
Join Date: Aug 2008
Posts: 375
Reputation:
Rep Power: 1
Solved Threads: 34
Posting Whiz
Let me get this straight, you want to update the values of your <select><options> using values you retrieve from a database -- based on what option your user selects from that <select> field initially? Is that correct?
If so, you might expand upon this code snippet to change the values of your select menu.
If you have the same number of new options as the original then it's easy, if you need to add or remove options depending on the results you get back you can also do that with DOM methods, or you can construct an entire new <select> input element with the new options and swap out the old with the new using either DOM methods or
Please clarify your problem some more if you need more help.
Thanks
If so, you might expand upon this code snippet to change the values of your select menu.
If you have the same number of new options as the original then it's easy, if you need to add or remove options depending on the results you get back you can also do that with DOM methods, or you can construct an entire new <select> input element with the new options and swap out the old with the new using either DOM methods or
innerHTML method.function retrieveOption () {
var state = document.getElementById('state');
for ( var i = 0; i < state.length; i ++ ) {
if ( state[i].selected ) {
// grab the new values here
// example of updating one <option> value
state[i].value = 'pizza';
state[i].firstChild.nodeValue = 'Pizza';
}
}
}Please clarify your problem some more if you need more help.
Thanks
|
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- to select a string from textarea (JavaScript / DHTML / AJAX)
- DOM Node Manipulation (JavaScript / DHTML / AJAX)
- Populating Select Box w/ Passed In Value? (JavaScript / DHTML / AJAX)
- javascript to add select button (JavaScript / DHTML / AJAX)
- Accessing DOM Objects (JavaScript / DHTML / AJAX)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Password encoding
- Next Thread: Ajax and gzip
