4

私はHTMLで非常に新しいです。
フォームの値を受け入れようとしており、この値を Alertに表示したいだけです。次のコードを試してみましたが、役に立ちませんでした...
これは非常に簡単な質問ですが、HTML、JavaScriptの初心者です。私は検索しましたが、私の要件に関連するものは見つかりませんでした....Javascript関数.... 

  function updateTxt(field1,field2)
  {  
    var field1 = document.getElementById(field1);  
    var field2 = document.getElementById(field2);  
    alert(field1,field2);

    }

HTMLフォーム 

<input name="textfield" type="text" id="textfield" value="Search by keyword" class="search_input" >
<select name="select" id="select" class="input_list" >
          <option>Search jobs by category</option>
          <option>Business Sales Leadership Development Program</option>
          <option>Business Sales Solutions</option>
          <option>CTO</option>
          <option>Call Center</option></select>
 <input name="button" type="button" class="btn" value="Go" onClick="updateTxt(select,textfield)">

ヒントを教えてください、または私が間違っている場所を教えてください...
事前に感謝します

4

4 に答える 4

5

このコードを変更

<input name="button" type="button" class="btn" value="Go" onclick="updateTxt()">

そしてこれも

     function updateTxt()
  {  
    var field1 = document.getElementById('textfield').value;  
    var field2 = document.getElementById('select').options[document.getElementById('select').selectedIndex].value;  
    alert(field1+'&'+field2);

    }
于 2012-08-28T07:45:24.710 に答える
3

関数に文字列を渡す必要がありupdateTxtます。パラメータは 1 つしか使用できないため、alertフィールド自体ではなく、フィールドの値を連結する必要があります。コードは次のようになります。

JS:

function updateTxt(field1,field2)
  {  
    var field1 = document.getElementById(field1).value;  
    var field2 = document.getElementById(field2).value;  
    alert(field1 + '\n' + field2);

    }  ​

HTML:

<input name="textfield" type="text" id="textfield" value="Search by keyword" class="search_input" >
<select name="select" id="select" class="input_list" onkeyup="updateTxt('select','txt2');">
          <option>Search jobs by category</option>
          <option>Business Sales Leadership Development Program</option>
          <option>Business Sales Solutions</option>
          <option>CTO</option>
          <option>Call Center</option></select>
 <input name="button" type="button" class="btn" value="Go" onClick="updateTxt('select', 'textfield')">​

デモ

于 2012-08-28T07:44:07.833 に答える
2

onClick を次のように変更する必要があります。

onclick="updateTxt('select','textfield');

JS で予約語を使用している場合は、控えめに言っても良くないためです ;) 予約語の完全なリストについては、http ://www.javascripter.net/faq/reserved.htm で「select」を参照してください。

ところで、名前をより良いものに変更し、html 内で「onClick」と JS を避けることをお勧めします。幸運を。

于 2012-08-28T07:58:16.417 に答える
0

コードに ID「txt2」の要素がありません。また、'select' の代わりに 'myTextField' など、より明示的な ID を使用してみてください。これにより、コードの読み取りと保守が容易になります。

それ以外は、アマーンの答えがうまくいくはずです。

于 2012-08-28T07:47:19.240 に答える