こんにちは選択要素

Question

間の文字を削除し、これは単純な質問のように思えるが、私はこれを行うにはきれいな方法を理解することはできません。

私の開発効率向上の目的はHHで表され、いくつかの時間のフォームを削除するには、単純でした。 mm：ss形式です。 は私が時間、分、秒のためのセレクエントリを隠すために持っていたが、私はまだそれらの2再表示醜い「：」持っている私の選択の最後に残ったchractersをし、私はそれらを削除する適切な方法を把握することはできません！ここで

は私のJSPによって生成されたHTMLの一部です：

<span class="dateTime"> 
<script type="text/javascript">.....</script> 
<script src="test.js" type="text/javascript</script> 
<select id="x"> 
    <option value="">Hour></option> 
</select> 
: 
<select id="x"> 
    <option value="">Minute></option> 
</select> 
: 
<select id="x"> 
    <option value="">Second></option> 
</select> 
</span> 

それは標準クラスを使用している私のjspで生成されたように私はこのコードを変更することはできません。私は時間フィールドを非表示にしたのと同じように、私のJSPで直接javascriptでこれを行うのが好きです。

Answer 1

あなたはそのような何か行うことができます：私はそれはとても素敵ではないですが、それが機能することを認めざるを得ない

var dateElement = document.getElementById('dateElem'); 
 

 
dateElement.childNodes.forEach(function(node){ 
 
    // check if the node is a text node 
 
    if (node.nodeType === 3) 
 
     dateElement.removeChild(node); 
 
})

を...：Pあなたはどのノード上でより正確にすることができますあなたにも削除;）

PSを：私はあなたがカント場合、単にクラス名の要素のおかげを取得したりする方法を探してみてください...要素のIDを置くことができると仮定;）