0

ドロップダウンの選択に基づいて 2 つのフィールドに入力しようとしています。これは私が現在使用しているコードです（これは機能しますが、私の場合は機能しません）：

<script type="text/javascript">
function updateinput(){
var e = document.getElementById("event");
var catSelected = e.options[e.selectedIndex].value;

document.getElementById("minLvl").value=catSelected;
}
</script>

および関連する HTML:

<table>
    <tr>
        <td>Event:</td>
        <td>
          <select name="Event" id="event" onChange="updateinput();">
            <option value="option1">option1</option>
            <option value="option2">option2</option>
            <option value="option3">option3</option>
            <option value="option4">option4</option>
            <option value="option5">option5</option>
            <option value="option6">option6</option>
            <option value="option7">option7</option>
          </select>
</td>
    </tr>
    <tr>
        <td>Starting Time:</td>
        <td><input type="text" name="dateTime"/></td>
    </tr>
    <tr>
        <td>Level Range:</td>
        <td><input type="text" size="3" maxlength="3" id="minLvl"> - <input type="text" size="3" maxlength="3" id="maxLvl"></td>
    </tr>
    <tr>
        <td>Notes:</td>
        <td><textarea></textarea></td>
    </tr>
    <tr>
        <td>Create Event:</td>
        <td><input type="button" value="Create event!"></td>
    </tr>
</table>

テキストを取得して入力に配置するために使用できることはわかってe.options[e.selectedIndex].textいますが、各オプションに属性を追加して<option value="option1" minLvl="1" maxLvl="10">Option1</option>、データを取得しminLvlてmaxLvl入力に値を入力する方法はありますか?

4

2 に答える 2

0

このコードで動作させることができました：

<script type="text/javascript">
function updateinput(){
var e = document.getElementById("event");
var minLvl = e.options[e.selectedIndex].getAttribute("minLvl");
var maxLvl = e.options[e.selectedIndex].getAttribute("maxLvl");

document.getElementById("minLvl").value=minLvl;
document.getElementById("maxLvl").value=maxLvl;
}
</script>

<option value="option" minLvl="1" maxLvl="3">option</option>

于 2013-01-07T22:55:07.087 に答える
0 
function updateinput(){
var e = document.getElementById("event");
var catSelected = this.value;

document.getElementById("minLvl").value=catSelected;
}

<select name="Event" id="event" onChange="updateinput(this);">
于 2013-01-07T21:47:29.637 に答える