select optionで選択すると､1選択につき､css fileとjs(=javascript) file の両方を読み込ませて､cssでﾃﾞｻﾞｲﾝ､jsでｱﾆﾒｰｼｮﾝが読み込まれるhtmlを作成しています…

select optionで選択すると､1選択につき､css fileとjs(=javascript) file の両方を読み込ませて､cssでﾃﾞｻﾞｲﾝ､jsでｱﾆﾒｰｼｮﾝが読み込まれるhtmlを作成しています｡
下記のように､1optionにつき複数valueを指定することができないため､正しい記述方法がありましたら教えてください｡よろしくお願いします｡
<select id="selectstyle" onchange="changesytle(value);">
<option value="css/style1.css" value="js/style1.js">ｽﾀｲﾙ1</option>
<option value="css/style1.css" value="js/style2.js">ｽﾀｲﾙ2</option>
</select>

url に含まれにくい文字で､css と javascript の url をつなげたものを value に指定して､String#split で､分割すれば良いと思います｡
例えば､ｾﾐｺﾛﾝで区切るとしたら｡

<select id="selectstyle" onchange="changesytle(value);">
 <option value="css/style1.css;js/style1.js">ｽﾀｲﾙ1</option>
 <option value="css/style1.css;js/style2.js">ｽﾀｲﾙ2</option>
</select>

ｺﾒﾝﾄを受けての､追記です｡

簡単に､ｻﾝﾌﾟﾙを書いてみました｡

<script>
// 関数 changeStyle は､使ってる select よりも前にあっても大丈夫
function changeStyle(sel) {
 var opt = sel.options[sel.selectedIndex];
 var val = opt.value.split(";"); // ｾﾐｺﾛﾝで option の value を分割する
 alert(val[0]); // ひとつめが､css の URL
 alert(val[1]); // ふたつめが､javascript の URL
}
</script>

<select id="selectstyle" onchange="changeStyle(this);"> <!-- this で select を関数に渡す -->
 <option value="css/style1.css;js/style1.js">ｽﾀｲﾙ1</option>
 <option value="css/style2.css;js/style2.js">ｽﾀｲﾙ2</option>
</select>

String#split は､その文字列を､引数に指定した文字で分割して､その分割された複数の文字列からなる配列を返します｡

id:m0r1y055tan さんがｺﾒﾝﾄに書いたｺｰﾄﾞだと､こんな感じになります｡

function myFunction() {
 var str = "css/style1.css;js/style1.js";

 var res = str.split(";"); // 文字列 str をｾﾐｺﾛﾝで分割

 document.getElementById("selectstyle").href = res[0]; // 分割されたひとつ目が､ｽﾀｲﾙｼｰﾄの URL
}

記述場所はselect optionのすぐ下でよいのでしょうか?

javascript の関数名は､最後に解釈されるので､<script> での定義が､実際に使われている <select> よりも前にあっても問題ありません｡