Output Form Dropdown to HTML Page

[Myrddin]

Hello,

For a roleplaying fansite I am trying to give visitors a convenient way to make people add items to their game. They need to enter hexcodes for items and I'd like to help with the task.

What i have now is a list that is basically like this:

<h2>Create Item Links</h2>
<form name="frmSelect">
<select id="Location" name="Location">
<option value="player.placeatme">Place at Player</option>
<option value="player.additem">Place in Inventory</option>
</select>
<select id="Item-ID" name="Item-ID">
<option value="43e1e">Alessandra's Dagger</option>
<option value="79b1d">Blade of Sacrifice</option>
</select>
<select id="Amount" name="Amount">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
Use this code in Skyrim's Console to receive the Item:
 
 player.additem 431e1 1
 

Selecting the first options should give the bolded output. What I have so far is:

<script type="text/javascript">
function get_skcommand()
{
var skcommand = document.getElementById('location').value + document.getElementById('itemid').value + document.getElementById('amount').value;
}
</script>
 

How can I get the skcommand output to a page and dynamically update it if I change selections?

Thanks in advance.

Michael

[Dormilich]

there are several methods to output a value:
- into a form field:

<input type="text" id="display" size="7" readonly>
 
// change value
document.getElementById("display").value = "something to display";

- into an other element

<p id="display"></p>
 
// change value
document.getElementById("display").innerHTML = "something to display";

to update the value you just need to call the calculating/outputting function when this event (e.g. the change event) on one of the selection occurs.

// using event listeners
function helpUser(evt)
{
    // calculate value …
    // output value …
}
// select being the <select> element (define beforehand)
// repeat for every select element 
// works in all browsers except IE < 9
select.addEventListener("change", helpUser, true);

[Myrddin]

Thanks a lot, I went for solution 2 and it worked!

<select id="location" name="location" onchange='get_skcommand();'>

and by adding

document.getElementById("display").innerHTML = "something to display";
 

to the script above.

You will be able to see the script in action here:

http://skyrim.mmo-game.eu/skyrim-item-link-creator/

Thanks!