色々と参考にさせてもらったけど、ひとまずJavaScript動かす事ができた。
WordPress内の投稿や固定ページの記事の中ででも、ソース直書きにして、scriptタグを
divタグで囲む事で正しく認識させる事ができた。
selectのオブジェクトをgetElementByIdで取得し、選択されたindexを取得するっていう関数をdivタグの中のscriptタグ内で記述。
select分には、onChangeフックにその関数を指定。
今回は、選択された項目名(ラベル)を、options[index].textで取得してテキストボックスに貼り付けるっていう処理だけど、とにかくちゃんと動いた！
JavaScriptはこんな感じ
<p>
<div><script>
function select_top_level() {
var pulldown1 = document.getElementById( “top_level_kind” ) ;
var selected_kind = pulldown1.selectedIndex ;
document.getElementById( “text1” ).value = pulldown1.options[selected_kind].text ;
}
</script></div></p>
フォームはこんな感じ
プルダウンリスト１
<form name=”pulldown1″>
<select id=”top_level_kind” name=”kindbig” onChange=”select_top_level()”> ショートコード１ </select>
<select name=”kind”> ショートコード２ </select>
<input id=”text1″ type=”text” value=”” placeholder=”文字列”> <textarea name=”testarea” rows=”5″ cols=”40″> </textarea>
<input type=”submit” value=”検索”>
</form>