Question

我有以下代码

<html>

<script type="text/javascript">
function writeit()
{
    var tbox = document.getElementById('a_tbox_1');
    if (tbox)
    {
        tbox.value = '';
    }
    tbox = document.getElementById('a_tbox_2');
    if (tbox)
    {
        tbox.value = '';
    }
}
</script>

<form name="a_form">
Product name:
  <input type="text" id="a_tbox_1" name="a_tbox" value="" />

  price : <input type="text" id="a_tbox_2" name="a_tbox" value="" />
<input type="button" name="btn" value="write it" onclick="writeit()" />
</form>

</html>

程序的主要思想是我应该给我写两个价值产品名称和价格的可能性并在写完之后点击它应该在一些文字中写下这些信息怎么做？请帮忙

Answer 1

function writeit()
{
    var strValue = '';
    var tbox = document.getElementById('a_tbox_1');
    if (tbox)
    {
        //tbox.value = '';
        // add:
        strValue = 'name: ' + tbox.value;
    }
    if(strValue != '')
        strValue += ', ';
    tbox = document.getElementById('a_tbox_2');
    if (tbox)
    {
        //tbox.value = '';
        // add:
        strValue += 'price: ' + tbox.value + ' € :)';
    }
    alert(strValue);
    // or do whatever you want with it...
}

Answer 2

您的问题不明确，但请尝试下面的代码，看看它是否符合您的要求：

<html>
  <head>
  <title></title>
<script type="text/javascript">
function writeit() {
    var tbox = document.getElementById('a_tbox_1'), tbox2 = document.getElementById('a_tbox_2');
    if (tbox.value && tbox2.value){
         alert('product = ' + tbox.value + " :: price = " + tbox2.value);

         // sendData('action.php?product=' + tbox.value + '&price=' + tbox2.value); (you can send your data via ajax)

        tbox.value = ''; 
        tbox2.value = '';
        return false;
    }
}  
</script>
  </head>
  <body>
  <form name="a_form">
      Product name: <input type="text" id="a_tbox_1" name="a_tbox" value="" />
      Price : <input type="text" id="a_tbox_2" name="a_tbox" value="" />
      <input type="button" name="btn" value="write it" onclick="writeit()" />
  </form>
  </body>
</html>

用一些文字写数据

2 个答案: