絞り込み検索でチェックしているものを別枠に即表示させたい

また、jsの中身が
document.getElementById( "Output_lang" ).innerHTML += $formObject.post_tag_language[$i].value + ' ';
だと選択されているタクソノミーのスラッグを拾ってきてしまうのですが、これを名前を拾うようにするにはどう書き換えればいいですか？

すみません、簡単そうなんですが、調べきれずに相談しています。

• この返信は7年、 9ヶ月前にd.w.cが編集しました。

返信ありがとうございます。
HTMLとJSを分けてみました。

HTML

[HTML 既存の絞り込み検索]

<?php 
$s = $_GET['s'];
$post_tag_language = $_GET['post_tag_language'];
?>
<form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>" class="kensaku">
	<input type="hidden" name="post_type" value="house">
	<p>
	<div class="search-box">【フリーワード】：
		<input class="search" type="text" value="<?php if (!empty($_GET['s'])) echo esc_attr($_GET['s']); ?>" name="s" id="s">
		<button id="searchsubmit" class="btn-search"><img alt="検索" width="32" height="20" src="<?php echo get_template_directory_uri(); ?>/images/icon/icon-btn-search.png"></button>
	</div>
	</p>
	
<ul id="search" class="accordion">
		<?php
		$taxonomy_name = 'tax-language';
		$taxonomys = get_terms($taxonomy_name);
		if(!is_wp_error($taxonomys) && count($taxonomys)):
		echo '<li class="switch';
			if($post_tag_language) { echo' open';}//チェックがあればアコーディオン開く
		echo '">【対応言語】</li>';
		echo '<li class="contentWrap">';
		    foreach($taxonomys as $taxonomy):
			    if($post_tag_language){ $key_language = in_array($taxonomy->slug, $post_tag_language);}
		        $tax_posts = get_posts(array('post_type' => get_post_type('house'), 'taxonomy' => $taxonomy_name, 'term' => $taxonomy->slug ) );
		        if($tax_posts):
		?>
		<label><input type="checkbox" name="post_tag_language[]" value="<?php echo $taxonomy->slug; ?>"<?php if($key_language){ echo ' checked'; } ?>><?php echo $taxonomy->name; ?></label><br>
		<?php
		        endif;
		    endforeach;
		    echo '</li>';
		endif;
		?>
</ul>

    <p><input type="submit" value="検索" /></p>
    
</form>
※実際の検索項目はもっとありますが、一部抜粋です。

===

[HTML 選択中項目出力先]

<div id="sOutput">
    【出力欄】
    <br />
    テキスト：<span id="OutputText"></span>
    <br />
    言語：<span id="Output_lang"></span>
</div>

jsファイル

[search_output.js 書き換えたもの]

window.onload = function () {
    getValue();
    var $formObject = document.getElementById( "searchform" );
    for( var $i = 0; $i < $formObject.length; $i++ ) {
        $formObject.elements[$i].onkeyup = function(){
            getValue();
        };
        $formObject.elements[$i].onchange = function(){
            getValue();
        };
    }
};
function getValue() {
    var $formObject = document.getElementById( "searchform" );

    //input[name=text]
    document.getElementById( "OutputText" ).innerHTML = $formObject.s.value;

    //input[name=checkbox] ※自力
    document.getElementById( "Output_lang" ).innerHTML = ''; //いったん中身を削除
        for(var $i = 0; $i<$formObject.post_tag_language.length;$i++) { //複数checkedされていることもあるので、forでまわす（まわさないと1番目のしか取れない）
        if($formObject.post_tag_language[$i].checked) {
            document.getElementById( "Output_lang" ).innerHTML += $formObject.post_tag_language[$i].value + ' ';
        }
    }
}

LABEさんのアドバイスとしては、phpの方に書いてあるname="post_tag_language[]"の　[]　の中に何か記入する必要があるということでしょうか？

ちなみに、絞り込み検索機能は「絞り込み検索をプラグインを使わずに実装：タグまたはカスタムタクソノミーで絞り込むチェックボックス」
というのを参考に作成していまして、そこに書かれているコードだと　[]　の中身は空白のままなので、そのままにしていました。

• この返信は7年、 9ヶ月前にd.w.cが編集しました。

自力解決できました。
<input>にclassを付け、jsの方ではこのclassを利用して対象を特定するように書き換えてみたところ、動きました。

これで正解かはわかりませんが…

[HTML]
<input class="post_tag_language" type="checkbox" name="post_tag_language[]" value="<?php echo $taxonomy->slug; ?>"<?php if($key_language){ echo ' checked'; } ?>><?php echo $taxonomy->name; ?>

[js]
window.onload = function () {
    getValue();
    var $formObject = document.getElementById( "searchform" );
    for( var $i = 0; $i < $formObject.length; $i++ ) {
        $formObject.elements[$i].onkeyup = function(){
            getValue();
        };
        $formObject.elements[$i].onchange = function(){
            getValue();
        };
    }
};
function getValue() {
    var $formObject = document.getElementById( "searchform" );
    var $post_tag_language = document.getElementsByClassName("post_tag_language"); 

    //input[name=text]
    document.getElementById( "OutputText" ).innerHTML = $formObject.s.value;

    //input[name=checkbox] ※自力
    document.getElementById( "Output_lang" ).innerHTML = ''; //いったん中身を削除
        for(var $i = 0; $i<$post_tag_language.length;$i++) { //複数checkedされていることもあるので、forでまわす（まわさないと1番目のしか取れない）
        if($post_tag_language[$i].checked) {
            document.getElementById( "Output_lang" ).innerHTML += $post_tag_language[$i].value + ' ';
        }
    }
}

• この返信は7年、 9ヶ月前にd.w.cが編集しました。

＞LABE　さん

いろいろ考えてくださり、ありがとうございます。
以前参照元のリンクを複数挿入してスレッドを立ち上げたところ、スパムと判定されて投稿できなかったことがあったので外部リンクに神経質になっていました。
すみません。

選択されているタクソノミーのスラッグを拾ってきてしまう件については現状ではまだ解決していません・・・

<input>にalt属性を付けて、jsで呼び出しているテキストのターゲットをvalueからaltに切り替えることで解決できました。
検索機能の関係でvlueにタクソノミーのスラッグを指定しているので、valuをターゲットにしているjsでスラッグを拾ってくるのは当たり前でした…orz

[html]
<label>
	<input type="checkbox" class="post_tag_campaign" name="post_tag_campaign[]" value="<?php echo $taxonomy->slug; ?>" alt="<?php echo $taxonomy->name; ?>"<?php if($key_campaign){ echo ' checked'; } ?>>
	<?php echo $taxonomy->name; ?>
</label>

[js]
$Output_language.innerHTML += $post_tag_language[$i].alt + ' ';

• この返信は7年、 9ヶ月前にd.w.cが編集しました。
• この返信は7年、 9ヶ月前にd.w.cが編集しました。
• この返信は7年、 9ヶ月前にd.w.cが編集しました。
• この返信は7年、 9ヶ月前にd.w.cが編集しました。