从自定义提示中获取价值

时间:2013-01-13 12:06:30

标签: javascript jquery html

我无法在PHP中获取自定义提示的值。我实际上做了一个自定义提示,它包含两个输入框并将其存储在一个变量中。当我点击一个按钮时,我只是打电话给它。我没有问题,因为它运作良好。

var popup = "div id='overlay'>
 <div id='box_frame'>
  <div id='box'><a href='javascript:closeDialog()'>close</a>
     <h2>Edit Material</h2>
     <h1>"+projName+"</h1>
    <label>Material</label>
    <input name='boxMatName' type='textbox' value='"+matName+"'   disabled />
    <br>
    <label>Quantity</label>
    <input id='boxEstVal' type='textbox' value='"+estQty+"'  />
    <br>
    <button onclick='javascript:saveDesc()'>Save</button>
    <div id='try'></div>
  </div>
 </div>
</div>

&#34 ;;

我试过这个从提示中获取值:

        function saveDesc(){
    var mat = ('#boxMatName').val();
    var est = ('#boxMatName').text();

    alert(mat+est);

但是,我没有得到任何结果。你能帮我理解我做错了吗?

2 个答案:

答案 0 :(得分:1)

您正在使用<input>,因此您需要val()而不是text()

var mat = $("input[name=boxMatName]").val();
var est = document.getElementById('boxEstVal').value; // or $('#boxEstVal').val();

答案 1 :(得分:1)

为什么不给你的输入另一个id:

var popup = "div id='overlay'>
<div id='box_frame'>
<div id='box'><a href='javascript:closeDialog()'>close</a>
 <h2>Edit Material</h2>
 <h1>"+projName+"</h1>
<label>Material</label>
<input name='boxMatName' id="boxMatName" type='textbox' value='"+matName+"'   disabled />
<br>
<label>Quantity</label>
<input id='boxEstVal' type='textbox' value='"+estQty+"'  />
<br>
<button onclick='javascript:saveDesc()'>Save</button>
 <div id='try'></div>
 </div>
</div>
</div>

然后,这应该有用。

function saveDesc(){
  var mat = $('#boxMatName').val();
  var est = $('#boxEstVal').val();
  alert(mat + ' - ' + est);
}

顺便问一下,你是否在你的html文件的头部包含了jquery?

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>