0

クエリからの変数を含む選択リストがあります

<tr>
  <td>County Name:</td>
    <td>
      <select name="countyName" onchange="countyID.value = countyName.value">
                <option>Select a County</option>
        <cfloop query = "getCounties">
        <option value="#countyName#" >#countyName#&nbsp;&nbsp;&nbsp;#countyID#</option>
        </cfloop>
    </select>
    </td>
</tr>

郡 ID フィールドに入力するにはどうすればよいですか?

<tr>
  <td>County ID:</td>
    <td><input type="Text" name="countyID">
     </td>
</tr>

jQueryは使ったことがありません。JavaScript だけを使用する方法はありますか? ご覧のとおり、JavaScript を試してみましたが、入力できるのは のみであり、入力countyIDするcountyName必要がありcountyIDます。

4

2 に答える 2

5

好奇心から、なぜ#countyName#オプションの値として使用しているのですか? 郡に (誤っているかどうかにかかわらず) クォータトン マークまたは HTML を台無しにする何かがある場合はどうなるでしょうか。

なぜあなたはしませんか：

<select name="countyName" onchange="countyID.value = this.value">
    <option value="#countyID#">#countyName#</option>
</select>
于 2010-12-20T22:03:33.000 に答える
3

これを関数に分割すると、これがうまくいくはずです:ライブの例

<table>
    <tbody>
        <tr> <td>County ID:</td> <td><input id="countyId" type="Text" name="countyID"> </td> </tr>
        <tr> <td>County Name:</td> 

            <td> 
                <select name="countyName" onchange="update(this)">
                    <option>Select a County</option> 
                    <option value="1234">asdf</option> 
                    <option value="4321">asdf2</option> 
                </select> 
            </td>
        </tr>
    </tbody>
</table>
<script>
    function update( elem ) {
    document.getElementById('countyID').value = elem.value;
    }
</script>

または要するに変更するだけです

これ：

<select name="countyName" onchange="countyID.value = countyName.value">

これに、そしてそれはうまくいくはずです

<select name="countyName" onchange="document.getElementById('countyId').value = this.value">

document.getElementById()IDだけでなく、DOM要素を参照する必要があります

ここで別の例

于 2010-12-20T22:02:04.950 に答える