このコードを使用して、入力ボックスから値を取得します。
var suggest_type = document.getElementById('ac-type').value;
ここで、js コードを他のいくつかのページに適用する必要があります。1 つの Web サイトで ID を繰り返すのは良くないと聞きました。だから、私はこのようなクラスを使用するように変更することを考えています:
var suggest_type = document.getElementByClass('ac-type').value;
これは値を取得しません。クラスを使用して値を取得するにはどうすればよいですか?
単一のHTMLドキュメントだけでなく、Webサイト全体でIDを繰り返すことは絶対に問題ありません。
IDは、1つのhtmlページ内で一意である必要があります。
それは実際には：
var suggest_type = document.getElementsByClassName('ac-type')[0].value;
しかし、私はJon Taylorに同意します。同じページに重複しない限り、IDはWebサイト内で同じにすることができます。
ID の使用に固執する必要があります。ページ内で一意である必要があるだけです。
クラスを使用する必要がある場合は、次を使用する必要がありますgetElementsByClassName()。
var elems = document.getElementsByClassName('ac-type');
var value = elems[0].value;
ただし、この機能は古いブラウザーでは十分にサポートされていないため、ID を使用するもう 1 つの理由です。
これを使用してみてください：
var elements = document.getElementsByClassName('ac-type'); // this is an array containing all matched elements
使うだけでjqueryを使う -
$('.ac-type').val();
あなたは価値を得るでしょう。