選択ボックスでオプションを選択すると、その値がテキストフィールドに表示されるようにするスクリプトをphpで作成しようとしています。どうすればそれができるか教えてください。私は新人なので、それがばかげている場合は親切に質問してください。
私の質問の画像ヘルプについては、次のリンクをクリックしてください。
選択ボックスでオプションを選択すると、その値がテキストフィールドに表示されるようにするスクリプトをphpで作成しようとしています。どうすればそれができるか教えてください。私は新人なので、それがばかげている場合は親切に質問してください。
私の質問の画像ヘルプについては、次のリンクをクリックしてください。
要素がフォーム内にある場合は、select要素に次のリスナーを配置します。
onchange="this.form.textareaName.value = this.value"
ここで、 textareaNameは、値を設定するtextareaの名前です。
これを試してください
<html>
<head>
<script type="text/javascript">
function assignText(obj) {
document.getElementById("textboxid").value = obj.options[obj.selectedIndex].value;
}
</script>
</head>
<body>
<form action="#" method="post">
<select name="select" id="slectboxid" onchange = 'assignText(this)'>
<option value="test">test</option>
<option value="test2">test2</option>
</select>
<input type="text" name="text" id="textboxid" />
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slectboxid option').click(function(){
$('#textboxid').val($(this).val());
});
});
</script>
</head>
<body>
<form action="#" method="post">
<select name="select" id="slectboxid">
<option value="test">test</option>
<option value="test2">test2</option>
</select>
<input type="text" name="text" id="textboxid" />
</form>
</body>
</html>
jquery を使用すると、上記のコード スニペットが役に立ちます。