셀렉트박스를 이용한 계산식 질문드립니다ㅠ

</p>

<p>          <select name="item" id="item" onchange="price_value()">

              <option value="">-품목-</option>

              <option value="1000">오이</option>

              <option value="3000">호박</option>

              </select>

            <select name="count" id="count" onchange="price_value()">

              <option value="">-수량-</option>

              <option value="1">1개</option>

              <option value="2">2개</option>

              <option value="3">3개</option>              

              </select></p>

<p>가격 <span id='price'></span></p>

<p> </p>

<p><script></p>

<p>function price_value(){</p>

<p> itemk = document.getElementById('item').value;</p>

<p> valuek =document.getElementById('count').value;                               

 if(itemk && valuek){ vv = itemk * valuek; </p>

<p>  document.getElementById('price').innerText =vv.toLocaleString();</p>

<p>}</p>

<p> </p>

<p>}</p>

<p></script></p>

<p>

</p>

<p>            <select name="item" id="item">

              <option value="">-품목-</option>

              <option value="1000">오이</option>

              <option value="3000">호박</option>

              </select>

            <select name="count" id="count">

              <option value="">-수량-</option>

              <option value="1">1개</option>

              <option value="2">2개</option>

              <option value="3">3개</option>

              

              </select>

<script src="<a href="http://code.jquery.com/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery.min.js"></script></a>

<script>

  $(function () {

    var item = $('#item');

    var count = $('#count');</p>

<p>    function calc_price() {

      item_value = Number(item.val());

      count_value = Number(count.val());</p>

<p>      alert(item_value + ' * ' + count_value + ' = ' + (item_value * count_value));

    }</p>

<p>    item.change(calc_price);

    count.change(calc_price);

  });

</script></p>

<p>