0

TaffyDB と統合された基本的なアプリを作成して、いくつかの JS を練習します。医療コードを格納します。これに対する解決策を探してみましたが、うまくいかないようです。

目標: ボタンをクリックすると、JS 関数が呼び出され、「コード」で検索する TaffyDB クエリに innerHTML 値が渡されます。次に、そのコードの説明を使用してユーザーに alerts() ます。

問題: 関数を呼び出すと、「未定義」と表示され続けます。

TaffyDB スニペット:

diagnosisCodes = TAFFY([
{code_id:'C001', code:'460', description:'Acute Nasopharyngitis(Common Cold)'},
{code_id:'C002', code:'708.2', description:'Urticaria Due to Cold and Heat'},
{code_id:'C003', code:'778.2', description:'Cold Injury Syndrome of Newborn'},
{code_id:'C004', code:'975.6', description:'Poisoning by Anti-Common Cold Drugs'},
]);

HTML スニペット:

<h2 class='code_categories' id='diagnosis_title'>Diagnosis Codes</h2>   
    <div id='diagnoses_COLD'>
        <h4 id='column_titles'>Cold-Related</h4>
            <button id='button' onclick="testing()">460</button>

JS 関数:

function testing() {
//grab element value:
var obj = document.getElementById('button').innerHTML.value; 
//pass element value into TaffyDB query:
var dxDesc = diagnosisCodes({code:obj}).first().description;
//'alert' description of the code
alert(dxDesc);
}

この関数は「未定義」を返します。ただし、var obj には文字列値が正しく割り当てられています。また、関数パラメーターを渡す場合、クエリは正常に機能します。たとえば、次のアラートは正しい説明で表示されます。

function getDxDesc(name) {
var obj2 = diagnosisCodes({code:name}).first().description;
alert(obj2);
}

私の問題は、すべてを一斉に機能させることです。

4

1 に答える 1

0

.valueユーザー入力の値を取得するために使用されます。.innerHTML単独で使用してください：

var obj = document.getElementById('button').innerHTML;

デモ

于 2014-12-10T23:12:26.200 に答える